@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a1628;--bg2: #0f1f38;--bg3: #142847;--surface: #16294a;--surface2: #1e3358;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .14);--text: #f4f7fb;--text2: #9fb2cc;--text3: #5f7292;--accent: #2563eb;--accent2: #60a5fa;--accent3: #93c5fd;--accent4: #38bdf8;--gold: #fdcb6e;--green: #00b894;--red: #e17055;--glow: rgba(37, 99, 235, .4);--glow2: rgba(96, 165, 250, .3);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--r: 12px;--r2: 20px;--r3: 28px;--warm: #fbbf24;--warm2: #f59e0b;--glow-warm: rgba(251, 191, 36, .35)}html{overflow-x:hidden;width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;width:100%;line-height:1.6}img,svg,video{max-width:100%;height:auto}#root{overflow-x:hidden;width:100%;max-width:100vw}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;border:none;cursor:pointer;border-radius:100px;padding:9px 20px;transition:all .2s;letter-spacing:.2px}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--surface)}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;box-shadow:0 0 20px var(--glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px var(--glow)}.section{margin-bottom:60px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.5px}.section-title span{color:var(--text3);font-weight:400;font-size:22px}.see-all{font-size:13px;color:var(--accent2);cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:4px;transition:gap .2s}.see-all:hover{gap:8px}.float-tag{font-size:10px;font-weight:500;padding:3px 8px;border-radius:100px;background:#6c5ce726;color:var(--accent2);border:1px solid rgba(108,92,231,.2)}.float-tag.pink{background:#fd79a81f;color:var(--accent3);border-color:#fd79a833}.float-tag.teal{background:#00cec91a;color:var(--accent4);border-color:#00cec933}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(80px);background:var(--surface2);border:1px solid var(--border2);border-radius:100px;padding:12px 24px;font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px #0006;transition:transform .35s cubic-bezier(.32,.72,0,1);z-index:300;pointer-events:none;max-width:calc(100vw - 32px)}.toast.show{transform:translate(-50%) translateY(0)}.app-main{padding:60px 48px 80px;margin-top:68px}@media (max-width: 900px){.section{margin-bottom:40px}.section-title{font-size:22px}.section-title span{font-size:18px}.app-main{padding:48px 28px 60px}}@media (max-width: 600px){.app-main{padding:40px 16px 48px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.toast{left:16px;right:16px;width:auto;transform:translateY(80px)}.toast.show{transform:translateY(0)}}