:root{--primary: #0f4c81;--primary-dark: #0b365f;--accent: #f4af34;--bg: #0a0f1a;--surface: #101828;--text: #e5e7eb;--muted: #9ca3af;--card: #111827;--success: #1dd3b0;--warning: #f97316;--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.35);--max-width: 1180px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.header{background:#101828e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:10}.navbar{max-width:var(--max-width);margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:10px}.logo{display:flex;align-items:center}.logo img{height:42px;width:auto;display:block}button.logo{background:transparent;border:none;padding:0;cursor:pointer}.nav-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.nav-links a{padding:10px 12px;border-radius:10px;color:var(--text);transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:#f4af341f;color:#fff}.nav-links.open{opacity:1;max-height:600px;pointer-events:auto;transform:translateY(0)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9}.mobile-overlay.visible{opacity:1;pointer-events:auto}.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;transition:background .2s ease,transform .2s ease}.navbar-controls{display:none}.menu-toggle span{display:block;width:20px;height:2px;background:#fff;margin:3px 0;transition:transform .2s ease,opacity .2s ease}.navbar.menu-open .menu-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}.navbar.menu-open .menu-toggle span:nth-child(2){opacity:0}.navbar.menu-open .menu-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}body.nav-open{overflow:hidden}main{max-width:var(--max-width);margin:0 auto;padding:40px 20px 80px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;align-items:center;margin:40px 0 32px}.hero h1{font-size:clamp(32px,4vw,44px);line-height:1.2;margin-bottom:16px}.hero p{color:var(--muted);font-size:18px}.tag{display:inline-flex;align-items:center;gap:8px;background:#1dd3b01f;color:var(--success);padding:8px 14px;border-radius:999px;font-weight:600;letter-spacing:.2px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.btn{padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow)}.btn-secondary{border-color:#ffffff14;color:var(--text);background:#ffffff0a}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000040}.section-title{margin:16px 0 12px;font-size:24px;position:relative;padding-left:14px}.section-title:before{content:"✨";position:absolute;left:-2px;top:-2px;font-size:18px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));opacity:.9}.section-subtitle{color:var(--muted);margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:var(--card);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 26px #00000040;height:100%}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.link-arrow{color:var(--muted);font-size:18px}.card h3{font-size:18px}.card p{color:var(--muted)}.link-card{text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease}.link-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{background:#ffffff0f;color:var(--text);padding:6px 10px;border-radius:10px;font-size:13px}.decor-icon-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 6px}.decor-icon-row.auto-icon-row{margin-top:18px;opacity:.95}.decor-icon{--icon-size: 56px;display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);border-radius:16px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 30% 30%,#f4af342e,#101828e6);color:#fff;font-weight:700;font-size:calc(var(--icon-size) / 2.4);box-shadow:0 12px 28px #0006;text-shadow:0 4px 10px rgba(0,0,0,.35)}.auto-icon-row .decor-icon{border-color:#ffffff1f;box-shadow:0 10px 24px #00000059}.decor-icon.large{--icon-size: 82px;border-radius:22px}.decor-icon.medium{--icon-size: 60px}.decor-icon.small{--icon-size: 42px;border-radius:12px}.decor-icon.glow-blue{background:radial-gradient(circle at 30% 30%,#0f4c818c,#0a0f1af2)}.decor-icon.glow-amber{background:radial-gradient(circle at 20% 20%,#f4af348c,#101828f0)}.decor-icon.glow-green{background:radial-gradient(circle at 30% 40%,#1dd3b080,#101828f0)}.decor-icon.glow-pink{background:radial-gradient(circle at 30% 40%,#ec489973,#101828f0)}.list{display:grid;gap:10px;margin:16px 0;color:var(--muted)}.list li{list-style:none;padding:10px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.keywords{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.keywords span,.keywords a{display:block;background:#f4af341f;color:#fff;border:1px solid rgba(244,175,52,.25);padding:10px 12px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none}.keywords a:hover{background:#f4af3433;border-color:#f4af3466}.footer{border-top:1px solid rgba(255,255,255,.05);padding:28px 20px 40px;background:#101828e6}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;color:var(--muted)}.footer strong{color:#fff}.highlight{color:var(--accent);font-weight:700}.section{margin:32px 0}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{border:1px solid rgba(255,255,255,.08);padding:10px;text-align:left}.table th{background:#ffffff0f}.note{background:#1dd3b01f;color:var(--text);padding:12px 14px;border-radius:12px;border:1px solid rgba(29,211,176,.35);margin-top:12px}.hero-visual{background:radial-gradient(circle at 30% 30%,rgba(244,175,52,.15),transparent 40%),radial-gradient(circle at 70% 20%,rgba(29,211,176,.12),transparent 35%),radial-gradient(circle at 50% 70%,rgba(15,76,129,.35),transparent 45%),linear-gradient(145deg,#0f4c81e6,#0a0f1af2);border-radius:18px;height:100%;min-height:280px;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%)}.hero-visual .stat{position:absolute;background:#ffffff14;padding:12px;border-radius:12px;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 30px #0000004d}.hero-visual .stat:nth-child(1){top:28px;left:22px}.hero-visual .stat:nth-child(2){bottom:24px;right:30px}.hero-visual .stat:nth-child(3){top:50%;right:22px;transform:translateY(-50%)}.hero-visual .stat{max-width:220px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-visual .stat small{color:var(--muted);font-size:12px}.legacy-frame{margin:20px auto 60px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.06)}.legacy-frame iframe{display:block;width:100%;min-height:80vh;border:none}@media (max-width: 960px){.navbar{gap:12px}.cta-row{flex-direction:column}.nav-links{flex-wrap:nowrap;width:100%}body.js-nav-ready .navbar{align-items:center}body.js-nav-ready .nav-links{position:absolute;inset:calc(100% + 10px) 16px auto 16px;background:linear-gradient(180deg,#101828fa,#0a0f1af5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;flex-direction:column;gap:6px;opacity:0;max-height:0;overflow:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,max-height .3s ease;z-index:20}body.js-nav-ready .nav-links a{width:100%;padding:14px 12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}body.js-nav-ready .nav-links a:active{transform:translateY(1px)}body.js-nav-ready .navbar.menu-open .nav-links{opacity:1;transform:translateY(0);max-height:600px;pointer-events:auto}body.js-nav-ready .menu-toggle{display:inline-flex}body.js-nav-ready .navbar.menu-open .menu-toggle{background:#ffffff1f}body.nav-open .mobile-overlay{opacity:1;pointer-events:auto}}