:root{--white: #FFFFFF;--bg-page: #F5F7FA;--bg-section-alt: #EEF2F7;--bg-dark: #0A1628;--bg-dark-2: #0F2040;--navy: #0D2137;--navy-mid: #163450;--green: #22C55E;--green-dark: #15803D;--green-mid: #16A34A;--green-pale: #F0FDF4;--green-border: #BBF7D0;--text-primary: #0D2137;--text-body: #374151;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-white: #FFFFFF;--text-white-dim: rgba(255,255,255,.65);--border: #E5E7EB;--border-mid: #D1D5DB;--border-green: #BBF7D0;--red: #DC2626;--orange: #D97706;--font-display: "Inter", sans-serif;--font-body: "Inter", sans-serif;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(13,33,55,.06), 0 1px 2px rgba(13,33,55,.04);--shadow-md: 0 4px 12px rgba(13,33,55,.08);--shadow-lg: 0 8px 32px rgba(13,33,55,.1);--shadow-cta: 0 4px 20px rgba(34,197,94,.22);--nav-h: 72px;--max-w: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--text-primary)}h1{font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:clamp(1.6rem,2.8vw,2.2rem)}h3{font-size:clamp(1rem,1.6vw,1.15rem)}p{color:var(--text-body);line-height:1.75}a{color:inherit;text-decoration:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 48px;width:100%}section{padding:88px 0}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:.01em;padding:13px 28px;border-radius:var(--r-sm);border:none;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--green);color:var(--white);box-shadow:var(--shadow-cta)}.btn-primary:hover{background:var(--green-mid);transform:translateY(-1px);box-shadow:0 8px 28px #22c55e47}.btn-secondary{background:var(--white);color:var(--navy);border:1.5px solid var(--border-mid);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-pale)}.btn-ghost-white{background:#ffffff1f;color:var(--white);border:1.5px solid rgba(255,255,255,.3)}.btn-ghost-white:hover{background:#fff3;border-color:#ffffff8c}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow .22s,transform .22s,border-color .22s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-green)}.icon-circle{width:48px;height:48px;border-radius:var(--r-full);border:1.5px solid var(--green);background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--green-dark);flex-shrink:0}.icon-circle-sm{width:36px;height:36px;border-radius:var(--r-full);border:1.5px solid var(--green);background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--green-dark);flex-shrink:0}.icon-circle-filled{width:48px;height:48px;border-radius:var(--r-full);background:var(--green);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-green{background:var(--green-pale);color:var(--green-dark);border:1px solid var(--border-green)}.badge-navy{background:#ebf0f7;color:var(--navy);border:1px solid #C8D5E5}.badge-orange{background:#fef3c7;color:var(--orange);border:1px solid #FDE68A}.badge-live{background:#22c55e1f;color:var(--green-dark);border:1px solid rgba(34,197,94,.3)}.label{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark);margin-bottom:14px}.label:before{content:"";display:block;width:24px;height:2.5px;background:var(--green);border-radius:2px;flex-shrink:0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.dark-section{background:var(--bg-dark)}.dark-section h1,.dark-section h2,.dark-section h3{color:var(--white)}.dark-section p{color:var(--text-white-dim)}.step-num{width:32px;height:32px;border-radius:var(--r-full);background:var(--green-pale);border:1.5px solid var(--border-green);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.78rem;color:var(--green-dark);flex-shrink:0}.step-num.active{background:var(--green);border-color:var(--green);color:var(--white)}.xp-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--green),#4ADE80);border-radius:3px}.divider{width:100%;height:1px;background:var(--border)}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.anim-up{animation:fadeInUp .55s ease both}.anim-in{animation:fadeIn .55s ease both}.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container{padding:0 20px}section{padding:60px 0}.grid-2,.grid-3{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}}