@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f5f6f8;--bg-card:#e4e6eb;--bg-card-hover:#dbdee4;--bg-surface:#fff;--bg-surface-translucent:#ffffffe0;--bg-pill:#ffffffeb;--text-primary:#12151b;--text-secondary:#586071;--text-muted:#8a92a2;--text-white:#fff;--accent-blue:#3b82f6;--accent-blue-deep:#2563eb;--accent-blue-glow:#2563eb59;--border-subtle:#00000012;--border-strong:#0000001f;--border-card:#ffffffb3;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--shadow-glow:0 12px 30px -4px var(--accent-blue-glow);--shadow-sticker:0 14px 28px -6px #00000029;--radius-full:9999px;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-accent=purple]{--accent-blue:#8b5cf6;--accent-blue-deep:#7c3aed;--accent-blue-glow:#7c3aed59}[data-accent=emerald]{--accent-blue:#10b981;--accent-blue-deep:#059669;--accent-blue-glow:#05966959}[data-accent=amber]{--accent-blue:#f59e0b;--accent-blue-deep:#d97706;--accent-blue-glow:#d9770659}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}::selection{color:var(--accent-blue-deep);background:#2563eb2e}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-pill{background:var(--bg-pill);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:var(--radius-full)}.btn-primary{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-blue-deep) 100%);color:var(--text-white);font-family:var(--font-display);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);transition:all var(--transition-smooth);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:10px;padding:13px 26px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 16px 36px -4px var(--accent-blue-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary svg{transition:transform var(--transition-fast)}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-display);border-radius:var(--radius-full);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);background:#fafafb;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSubtle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge-sticker{box-shadow:var(--shadow-sticker);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.badge-sticker:hover{transform:scale(1.08)rotate(3deg)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#12151b66;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.container{max-width:1360px;margin:0 auto;padding:0 28px}@media (max-width:768px){.container{padding:0 16px}}
