/* ----------------------------------------------------------------
   Global Theme Tokens : Corporate x Neo-Brutalism (Bright Scheme)
---------------------------------------------------------------- */
:root{
    /* Bright Palette */
    --primary          : #d000ff;  /* Fuchsia */
    --primary-dark     : #a000cc;
    --secondary        : #00c9a7;  /* Turquoise */
    --secondary-dark   : #00957c;
    --accent           : #ffb800;  /* Amber */
    --accent-dark      : #cc9200;
    --bg-light         : #ffffff;
    --bg-soft          : #f8f8f8;
    --text-dark        : #222222;
    --text-light       : #ffffff;
    --border-color     : rgba(0,0,0,.08);
    --radius           : 8px;
    --shadow-card      : 0 4px 16px rgba(0,0,0,.08);
    --transition       : .25s cubic-bezier(.4,0,.2,1);
}

/* --------------------------------------------------------------
   Typography
-------------------------------------------------------------- */
html{
    scroll-behavior:smooth;
}
body{
    font-family:'Merriweather',serif;
    color:var(--text-dark);
    background:var(--bg-light);
    line-height:1.6;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    color:var(--text-dark);
    line-height:1.2;
    text-align:center;
    text-shadow:1px 1px 3px rgba(0,0,0,.1);
}
#hero h1,
#hero p{color:var(--text-light);}

/* --------------------------------------------------------------
   Utility Classes
-------------------------------------------------------------- */
.btn,
button,
input[type='submit']{
    display:inline-block;
    padding:.9rem 2.5rem;
    font-family:'Montserrat',sans-serif;
    font-weight:600;
    text-transform:uppercase;
    border-radius:9999px;
    border:none;
    cursor:pointer;
    transition:var(--transition);
    background:var(--primary);
    color:var(--text-light);
}
.btn:hover,
button:hover,
input[type='submit']:hover{
    background:var(--primary-dark);
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(208,0,255,.3);
}
.read-more{
    color:var(--primary);
    font-weight:700;
    position:relative;
    transition:var(--transition);
}
.read-more::after{
    content:"";
    position:absolute;
    left:0;bottom:-2px;
    width:100%;height:2px;
    background:var(--primary);
    transform:scaleX(0);
    transform-origin:left;
    transition:var(--transition);
}
.read-more:hover{color:var(--primary-dark);}
.read-more:hover::after{transform:scaleX(1);}

.section-gradient{
    background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);
    color:var(--text-light);
}

/* --------------------------------------------------------------
   Layout Containers
-------------------------------------------------------------- */
.card,
.item,
.testimonial,
.team-member,
.product-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    background:var(--bg-light);
    border:1px solid var(--border-color);
    border-radius:var(--radius);
    padding:2rem;
    box-shadow:var(--shadow-card);
    transition:var(--transition);
}
.card:hover,
.item:hover,
.testimonial:hover,
.team-member:hover,
.product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.card-image,
.image-container{
    width:100%;
    height:260px;
    overflow:hidden;
    border-radius:var(--radius);
    display:flex;
    justify-content:center;
    align-items:center;
}
.card-image img,
.image-container img{
    width:100%;
    height:100%;
    object-fit:cover;
    margin:0 auto;
}

/* --------------------------------------------------------------
   Navigation & Header
-------------------------------------------------------------- */
header{
    backdrop-filter:blur(12px);
}
#mobileNav a{border-bottom:1px solid var(--border-color);}
#mobileNav a:last-child{border:none;}

/* --------------------------------------------------------------
   Hero (Parallax + Glassmorphism overlay)
-------------------------------------------------------------- */
#hero{
    position:relative;
    color:var(--text-light);
}
#hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.6));
}

/* --------------------------------------------------------------
   Micro-animations
-------------------------------------------------------------- */
@keyframes float{
    0%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
    100%{transform:translateY(0);}
}
[data-aos]{will-change:transform,opacity;}
.card:hover img{animation:float 4s ease-in-out infinite;}

/* --------------------------------------------------------------
   Forms & Inputs
-------------------------------------------------------------- */
input[type='text'],
input[type='email'],
textarea{
    border:1px solid var(--border-color);
    border-radius:var(--radius);
    transition:var(--transition);
}
input[type='text']:focus,
input[type='email']:focus,
textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(208,0,255,.2);
    outline:none;
}

/* --------------------------------------------------------------
   Pricing Tables
-------------------------------------------------------------- */
.pricing-pop{
    border:2px solid var(--primary);
}
.pricing-pop:hover{
    background:var(--primary);
    color:var(--text-light);
}
.pricing-pop:hover .btn{background:var(--bg-light);color:var(--primary);}

/* --------------------------------------------------------------
   Footer
-------------------------------------------------------------- */
footer{
    background:#111;
    color:var(--text-light);
}
footer a{
    color:var(--secondary);
    transition:var(--transition);
}
footer a:hover{color:var(--accent);}
.social-link{
    font-weight:600;
    letter-spacing:.5px;
}
footer ul li{line-height:1.8;}

/* --------------------------------------------------------------
   Pages / States
-------------------------------------------------------------- */
.success-page{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--bg-soft);
}
.legal-page{
    padding-top:100px;
}

/* --------------------------------------------------------------
   Background Helpers
-------------------------------------------------------------- */
.bg-cover{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.bg-dark-overlay{
    background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
}

/* --------------------------------------------------------------
   Glass Effect Utility
-------------------------------------------------------------- */
.glass{
    background:rgba(255,255,255,.2);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.3);
}

/* --------------------------------------------------------------
   Media Queries
-------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
    *{animation-duration:.01ms!important;animation-iteration-count:1!important;}
}