:root{--bg: #080b0f;--bg-2: #0d1117;--bg-3: #0f141b;--surface: #141c26;--border: rgba(255, 255, 255, .07);--border-h: rgba(46, 204, 113, .5);--accent: #2ecc71;--accent-2: #26d96a;--text: #e8edf2;--muted: #8892a0;--faint: rgba(255, 255, 255, .04);--font-disp: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 10px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/bebas-neue-v16-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:300;src:url(/assets/fonts/dm-sans-v17-latin-300.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px}body>header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 8%;height:68px;background:#080b0feb;backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid var(--border);transition:all var(--transition)}.logo{font-family:var(--font-disp);font-size:1.85rem;letter-spacing:.08em;color:var(--text);position:relative;z-index:10}.logo span{color:var(--accent)}.logo:after{content:"";position:absolute;bottom:4px;right:-8px;width:5px;height:5px;border-radius:50%;background:var(--accent)}nav{display:flex;align-items:center;gap:2rem}nav .nav-links{display:flex;gap:2rem;align-items:center}nav a{color:var(--muted);font-size:.95rem;font-weight:500;letter-spacing:.03em;transition:color var(--transition);position:relative;white-space:nowrap}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--transition)}nav a:hover{color:var(--text)}nav a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:none;border:none;cursor:pointer;z-index:20;padding:0}.mobile-menu-btn span{display:block;width:100%;height:2.5px;background:var(--text);border-radius:2px;transition:all .35s cubic-bezier(.4,0,.2,1)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg);display:none;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;z-index:999;padding:80px 20px 40px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu a{color:var(--text);font-size:1.75rem;font-weight:500;letter-spacing:.04em}@media(max-width:900px){body>header{padding:0 5%;display:flex;justify-content:center}nav .nav-links{display:none}.mobile-menu-btn,.mobile-menu{display:flex}}@media(max-width:480px){.logo{font-size:1.65rem}.mobile-menu a{font-size:1.6rem}}.hero{position:relative;min-height:85vh;display:grid;place-items:center;padding:6rem 8% 8rem;overflow:hidden;background-image:url(/assets/hero.webp);background-size:cover;background-position:center 30%}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(170deg,#080b0fbf,#080b0f8c,#080b0fe6);z-index:1}.hero-grid{position:absolute;inset:0;z-index:1;opacity:.04;background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);background-size:60px 60px}.hero-content{position:relative;z-index:3;max-width:720px;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:#2ecc711a;border:1px solid rgba(46,204,113,.25);padding:.35rem .85rem;border-radius:999px;margin-bottom:1.75rem;animation:fadeUp .8s ease both}.hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero h1{font-family:var(--font-disp);font-size:clamp(3.5rem,10vw,7rem);line-height:.95;letter-spacing:.02em;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.6);margin-bottom:1.5rem;animation:fadeUp .8s .15s ease both}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:clamp(1rem,2vw,1.2rem);color:#e8edf2bf;max-width:52ch;margin:0 auto 2.5rem;line-height:1.65;animation:fadeUp .8s .3s ease both}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s .45s ease both}.scroll-indicator{z-index:3;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#2ecc7199;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;animation:fadeUp 1s 1s ease both}.mouse{width:20px;height:32px;border:2px solid rgba(46,204,113,.5);border-radius:10px;position:relative}.mouse:before{content:"";width:3px;height:6px;background:var(--accent);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll-anim 2s infinite}@keyframes scroll-anim{0%{opacity:0;transform:translate(-50%) translateY(0)}40%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(10px)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.02em;border-radius:var(--radius);transition:all var(--transition);cursor:pointer;white-space:nowrap}.btn-primary{background:var(--accent);color:#080b0f;box-shadow:0 0 #2ecc7166}.btn-primary:hover{background:var(--accent-2);color:#080b0f;box-shadow:0 0 30px #2ecc7159,0 8px 24px #0000004d;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-h);color:var(--accent);transform:translateY(-2px)}.stats-bar{position:relative;z-index:4;display:flex;justify-content:center;gap:0;margin:60px 8%;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #00000073;backdrop-filter:blur(12px)}.stat-item{flex:1;text-align:center;padding:2rem 1.5rem;border-right:1px solid var(--border);position:relative;transition:all var(--transition);overflow:hidden}.stat-item:last-child{border-right:none}.stat-item:hover{background:#2ecc710f;transform:translateY(-4px)}.stat-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.stat-item:hover:after{transform:scaleY(1)}.stat-num{font-family:var(--font-disp);font-size:clamp(2.2rem,5vw,3.1rem);font-weight:400;line-height:1;color:#fff;letter-spacing:.02em;margin-bottom:.35rem;transition:all .4s ease}.stat-item:hover .stat-num{color:var(--accent);transform:scale(1.08)}.stat-label{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.stat-item:nth-child(1) .stat-num{color:var(--accent)}.stat-item:nth-child(2) .stat-num{color:#34d399}.stat-item:nth-child(3) .stat-num{color:#4ade80}@media(max-width:900px){.stats-bar{margin:-40px 5% 50px;flex-wrap:wrap}.stat-item{flex:1 1 50%;border-right:none;border-bottom:1px solid var(--border);padding:1.75rem 1rem}.stat-item:nth-child(2){border-right:1px solid var(--border)}.stat-item:last-child{border-bottom:none}}@media(max-width:600px){.stats-bar{margin:-35px 5% 40px;flex-direction:column}.stat-item{border-right:none;border-bottom:1px solid var(--border);padding:1.85rem 1.25rem}.stat-item:last-child{border-bottom:none}.stat-num{font-size:2.4rem}}section{position:relative;z-index:1}.section-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.section-title{font-family:var(--font-disp);font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.03em;line-height:1;margin-bottom:1rem}.section-sub{color:var(--muted);font-size:1rem;max-width:54ch;line-height:1.65}.start-here{padding:2rem 8% 5rem;background:var(--bg-3)}.start-here-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto}.start-here-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem;position:relative;overflow:hidden;transition:border-color var(--transition),transform var(--transition)}.start-here-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}.start-here-card:hover{border-color:var(--border-h);transform:translateY(-4px)}.card-icon{font-size:2rem;margin-bottom:1rem}.start-here-card h3{font-family:var(--font-disp);font-size:1.5rem;letter-spacing:.03em;margin-bottom:.75rem}.start-here-card p{color:var(--muted);font-size:.9rem;line-height:1.65;margin-bottom:1.5rem}.card-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:600;font-size:.9rem;transition:gap var(--transition)}.card-link:hover{gap:.7rem}.card-link:after{content:"\2192"}.popular{padding:5rem 8%;background:var(--bg)}.popular-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1rem;max-width:1100px;margin-left:auto;margin-right:auto}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2rem;position:relative;overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column}.guide-card:hover{border-color:var(--border-h);transform:translateY(-5px);box-shadow:0 20px 50px #0000004d}.guide-tag{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:#2ecc711a;border:1px solid rgba(46,204,113,.2);padding:.25rem .6rem;border-radius:4px;margin-bottom:1rem;display:inline-block}.guide-card h3{font-family:var(--font-disp);font-size:1.35rem;letter-spacing:.02em;margin-bottom:.75rem;flex:1}.guide-card a{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:600;font-size:.875rem;transition:gap var(--transition)}.guide-card a:hover{gap:.7rem}.guide-card a:after{content:"\2192"}.features{padding:5rem 8%;background:var(--bg-3)}.features-head{text-align:center;margin-bottom:3.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2.25rem 2rem;transition:all var(--transition);position:relative}.feature-card:hover{border-color:var(--border-h);transform:translateY(-4px)}.feature-icon{width:44px;height:44px;border-radius:10px;background:#2ecc711f;border:1px solid rgba(46,204,113,.2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.25rem}.feature-card h3{font-family:var(--font-disp);font-size:1.3rem;letter-spacing:.03em;margin-bottom:.6rem}.feature-card p{color:var(--muted);font-size:.9rem;line-height:1.65}.coming-soon{display:inline-block;margin-top:.75rem;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f39c12;background:#f39c121a;border:1px solid rgba(243,156,18,.25);padding:.25rem .6rem;border-radius:4px}.about-main{padding:5rem 8%;background:var(--bg)}.about-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}.about-text p{color:var(--muted);font-size:.95rem;line-height:1.75;margin-bottom:1.25rem}.about-text a{color:var(--accent);font-weight:500}.pillars{display:flex;flex-direction:column;gap:.75rem}.pillar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:default}.pillar:hover{border-color:var(--border-h);transform:translate(4px)}.pillar-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.pillar span{font-size:.9rem;font-weight:500;color:var(--text)}footer{background:var(--bg-2);border-top:1px solid var(--border);padding:2.5rem 8%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:var(--font-disp);font-size:1.5rem;letter-spacing:.08em;color:var(--muted)}.footer-copy{font-size:.8rem;color:var(--muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--muted);font-size:.9rem;font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.start-here-inner{grid-template-columns:1fr}.cards-grid,.features-grid{grid-template-columns:1fr 1fr}.about-inner{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding:4rem 5% 6rem;min-height:80vh}.start-here,.popular,.features,.about-main{padding:3rem 5%}.cards-grid,.features-grid{grid-template-columns:1fr}.popular-head{flex-direction:column;align-items:flex-start}footer{flex-direction:column;align-items:flex-start}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}.about h2{font-size:clamp(1rem,5vw,2.25rem);text-align:center;margin-bottom:2rem;font-weight:800;letter-spacing:.03125rem}.about p{font-size:clamp(.875rem,2vw,1.0625rem);line-height:1.7;color:#bbb;margin:0 auto 1.375rem;text-align:center;max-width:70ch}.about{padding-left:10%;padding-right:10%;padding-bottom:2rem;padding-top:.5rem}.about ul{max-width:37.5rem;margin:1.875rem auto 0;list-style:none}.about li{font-size:clamp(.875rem,1.5vw,1rem);padding:.75rem 1.125rem;margin-bottom:.625rem;background:#161616;border:1px solid #222;border-radius:.5rem;color:#ddd;position:relative;transition:border .2s ease,transform .2s ease}p.english-explanation{font-size:clamp(.75rem,1.5vw,.875rem);color:#888;font-style:italic;margin-top:.25rem;line-height:1.4}.about li:hover{border:1px solid #2ecc71;transform:translate(.25rem)}.about li:before{content:"";width:.5rem;height:.5rem;background:#2ecc71;position:absolute;left:-.875rem;top:50%;transform:translateY(-50%);border-radius:50%}