*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

body{
    background:#0A0E1A;
    color:#E8F0FE;
    font-family:'Inter',sans-serif;
    font-size:0.9375rem;
    line-height:1.7;
    overflow-x:hidden;
}

h1,h2,h3{
    font-family:'Merriweather',serif;
    font-weight:700;
}

.ice{color:#7DD3FC}

/* BG GRADIENT */
.bg-gradient{
    position:fixed;
    inset:0;
    background:
        radial-gradient(ellipse at 20% 30%,rgba(94,234,212,0.06) 0%,transparent 50%),
        radial-gradient(ellipse at 80% 70%,rgba(125,211,252,0.05) 0%,transparent 45%);
    pointer-events:none;
    z-index:0;
}

/* GLASS PANEL */
.glass-panel{
    backdrop-filter:blur(16px);
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(125,211,252,0.12);
    padding:3rem;
    max-width:720px;
    margin:0 auto;
    position:relative;
}

/* HERO */
.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:1;
    padding:2rem;
}
.hero-panel{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.helix-deco{margin-bottom:2rem}
.helix-svg{width:120px;height:200px}
.hero-title{
    font-size:clamp(1.8rem,3.5vw,3rem);
    margin-bottom:0.5rem;
}
.hero-sub{
    color:#5EEAD4;
    font-size:0.9rem;
    letter-spacing:0.05em;
}

/* ANGLE CUT */
.angle-cut{
    position:relative;
    z-index:1;
    height:60px;
    clip-path:polygon(0 0,100% 40px,100% 100%,0 100%);
    background:#1E2A4A;
}
.angle-cut.reverse{
    clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);
}

/* SECTIONS */
.section{
    position:relative;
    z-index:1;
    padding:5rem 2rem;
}
.section h2{
    font-size:clamp(1.4rem,2.5vw,2rem);
    margin-bottom:1.2rem;
}
.section p{
    color:rgba(232,240,254,0.75);
}

/* FEATURE GRID */
.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:2rem;
    margin-top:1.5rem;
}
.feature{
    border-left:2px solid rgba(94,234,212,0.3);
    padding-left:1rem;
}
.feature-num{
    font-family:'Inter',sans-serif;
    font-size:0.7rem;
    color:#5EEAD4;
    letter-spacing:0.1em;
    display:block;
    margin-bottom:0.3rem;
}
.feature h3{
    font-size:1rem;
    margin-bottom:0.5rem;
    color:#E8F0FE;
}
.feature p{
    font-size:0.85rem;
    color:rgba(232,240,254,0.6);
}

/* FADE-IN */
.fade-in{
    opacity:0;
    transform:translateY(25px);
    transition:opacity 0.6s ease,transform 0.6s ease;
}
.fade-in.visible{
    opacity:1;
    transform:translateY(0);
}

/* FOOTER */
.footer{
    position:relative;
    z-index:1;
    padding:3rem 2rem;
}
.footer-panel{
    text-align:center;
    max-width:500px;
}
.footer-name{
    font-family:'Merriweather',serif;
    font-size:1.2rem;
    font-weight:700;
}
.footer-tag{
    color:#5EEAD4;
    font-size:0.8rem;
    margin-top:0.3rem;
}

/* MOBILE */
@media(max-width:640px){
    .glass-panel{padding:2rem 1.5rem}
    .section{padding:3rem 1.5rem}
    .feature-grid{grid-template-columns:1fr}
}