*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080813;--bg-2:#0e0e22;--bg-3:#14142e;--card:#ffffff0a;--card-hover:#ffffff12;--border:#ffffff14;--border-h:#ffffff26;--border-accent:#00e5b04d;--text:#eeeef8;--text-2:#9090b0;--text-3:#60607c;--teal:#00e5b0;--teal-glow:#00e5b033;--teal-dim:#00e5b01a;--blue:#4f7eff;--blue-glow:#4f7eff33;--blue-dim:#4f7eff1a;--gold:#ffb800;--gold-dim:#ffb8001f;--purple:#8b5cf6;--purple-dim:#8b5cf61f;--red:#ff4f6a;--r-sm:8px;--r:14px;--r-lg:22px;--r-xl:32px;--shadow:0 8px 40px #0009;--shadow-sm:0 4px 20px #0006;--glow-teal:0 0 60px #00e5b01f, 0 0 120px #00e5b00a;--glow-blue:0 0 60px #4f7eff1f;--nav-h:72px;--max:1200px;--pad:clamp(20px, 5vw, 48px);--f-body:"Inter", system-ui, -apple-system, sans-serif;--f-display:"Playfair Display", Georgia, serif}html{scroll-behavior:smooth}body{font-family:var(--f-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}img{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit}.container{max-width:var(--max);padding:0 var(--pad);margin:0 auto}.section{padding:clamp(60px,8vw,100px) 0}.display-1{font-family:var(--f-display);font-size:clamp(42px,6vw,80px);font-weight:800;line-height:1.1}.display-2{font-family:var(--f-display);font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.15}.heading-lg{font-family:var(--f-display);font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1.2}.heading{font-family:var(--f-display);font-size:clamp(20px,2.5vw,30px);font-weight:600;line-height:1.25}.body-lg{font-size:18px;line-height:1.7}.body{font-size:16px;line-height:1.65}.body-sm{font-size:14px;line-height:1.6}.label{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-teal{color:var(--teal)}.text-gold{color:var(--gold)}.text-blue{color:var(--blue)}.text-gradient-teal{background:linear-gradient(135deg, var(--teal), #00bfff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, var(--gold), #ff8c00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--teal);color:#000;box-shadow:0 4px 20px #00e5b059}.btn-primary:hover{background:#00ffc4;transform:translateY(-2px);box-shadow:0 6px 30px #00e5b080}.btn-secondary{background:var(--blue-dim);color:var(--blue);border:1px solid #4f7eff4d}.btn-secondary:hover{background:#4f7eff33;transform:translateY(-2px)}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--card-hover);border-color:var(--border-h);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#000;box-shadow:0 4px 20px #ffb80059}.btn-gold:hover{background:#ffc800;transform:translateY(-2px)}.btn-lg{border-radius:var(--r-lg);padding:16px 32px;font-size:17px}.btn-sm{padding:8px 16px;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .3s;overflow:hidden}.card:hover{background:var(--card-hover);border-color:var(--border-h);box-shadow:var(--shadow);transform:translateY(-4px)}.card-glow-teal:hover{box-shadow:var(--shadow), var(--glow-teal);border-color:var(--border-accent)}.card-glow-blue:hover{box-shadow:var(--shadow), var(--glow-blue);border-color:#4f7eff4d}.badge{letter-spacing:.06em;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-teal{background:var(--teal-dim);color:var(--teal);border:1px solid #00e5b033}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #4f7eff33}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid #ffb80033}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #8b5cf633}.badge-new{background:linear-gradient(135deg, var(--teal-dim), var(--blue-dim));color:var(--teal);border:1px solid var(--border-accent)}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:0}.section-header{margin-bottom:clamp(32px,5vw,56px)}.section-label{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--teal);border-radius:2px;width:20px;height:2px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:24px;display:grid}.grid-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.video-wrap{background:var(--bg-3);border-radius:var(--r);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.article-body{max-width:720px}.article-body p{color:var(--text-2);margin-bottom:1.4em;font-size:17px;line-height:1.8}.article-body h2{font-family:var(--f-display);color:var(--text);margin:2em 0 .8em;font-size:clamp(22px,3vw,32px);font-weight:700}.article-body h3{font-family:var(--f-display);color:var(--text);margin:1.6em 0 .6em;font-size:clamp(18px,2vw,24px);font-weight:600}.article-body ul,.article-body ol{margin:1em 0 1.4em 1.5em}.article-body li{color:var(--text-2);margin-bottom:.5em;font-size:17px;line-height:1.7;list-style:outside}.article-body ol li{list-style:decimal}.article-body strong{color:var(--text);font-weight:600}.article-body a{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:#00ffc4}.article-body .article-lead{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:2em;padding-bottom:2em;font-size:20px;font-weight:500;line-height:1.7}.article-body .callout{background:var(--teal-dim);border:1px solid #00e5b033;border-left:4px solid var(--teal);border-radius:var(--r);color:var(--text);margin:2em 0;padding:20px 24px;font-size:16px;line-height:1.7}.article-body .callout.warning{border-color:#ffb80033;border-left-color:var(--gold);background:#ffb80014}.article-body .callout.danger{border-color:#ff4f6a33;border-left-color:var(--red);background:#ff4f6a14}.article-body table{border-collapse:collapse;width:100%;margin:1.5em 0}.article-body th{background:var(--bg-2);color:var(--teal);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:12px 16px;font-size:13px;font-weight:600}.article-body td{border-bottom:1px solid var(--border);color:var(--text-2);padding:12px 16px;font-size:15px}.article-body tr:hover td{background:var(--card)}.input{background:var(--card);border:1px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.input::placeholder{color:var(--text-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-teal)}50%{box-shadow:0 0 80px #00e5b040,0 0 160px #00e5b014}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-up{animation:.6s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-float{animation:4s ease-in-out infinite float}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}.text-center{text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--teal-dim);color:var(--teal)}@media (max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}.btn-lg{padding:14px 24px;font-size:15px}}