*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--header-height: 72px;--max-width: 1280px;--content-padding: 2.5rem;--grid-cols-dashboard: repeat(3, 1fr);--grid-gap: 1.5rem;--card-padding: 1.75rem;--font-size-hero: 3rem;--font-size-title: 2rem;--font-size-card-title: 1.25rem;--font-size-body: .95rem;--bg-main: #06050b;--bg-surface: rgba(14, 12, 28, .6);--bg-surface-solid: #0d0b17;--bg-surface-hover: rgba(25, 22, 48, .7);--border-color: rgba(255, 255, 255, .07);--border-color-hover: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--shadow-main: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(16px);--glass-shadow: inset 0 1px 1px rgba(255, 255, 255, .05);--color-primary: #00f0ff;--color-primary-glow: rgba(0, 240, 255, .15);--color-secondary: #9d4edd;--color-secondary-glow: rgba(157, 78, 221, .15);--color-accent: #f72585;--color-accent-glow: rgba(247, 37, 133, .15);--color-success: #0df2aa;--color-success-glow: rgba(13, 242, 170, .15);--color-warning: #ffb703;--gradient-primary: linear-gradient(135deg, #00f0ff 0%, #9d4edd 100%);--gradient-hot: linear-gradient(135deg, #ff5e36 0%, #ff2e93 100%);--gradient-success: linear-gradient(135deg, #00f0ff 0%, #0df2aa 100%);--glow-blob-1: rgba(0, 240, 255, .07);--glow-blob-2: rgba(157, 78, 221, .07)}:root[data-theme=light]{--bg-main: #f5f4fb;--bg-surface: rgba(255, 255, 255, .7);--bg-surface-solid: #ffffff;--bg-surface-hover: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .16);--text-primary: #0b0a12;--text-secondary: rgba(11, 10, 18, .65);--text-muted: rgba(11, 10, 18, .4);--shadow-main: 0 8px 32px 0 rgba(10, 8, 25, .06);--glass-shadow: inset 0 1px 1px rgba(255, 255, 255, .8);--color-primary-glow: rgba(0, 240, 255, .08);--color-secondary-glow: rgba(157, 78, 221, .08);--color-accent-glow: rgba(247, 37, 133, .08);--color-success-glow: rgba(13, 242, 170, .08);--glow-blob-1: rgba(0, 240, 255, .03);--glow-blob-2: rgba(157, 78, 221, .03)}@media(max-width:1024px){:root{--content-padding: 1.75rem;--grid-cols-dashboard: repeat(2, 1fr);--font-size-hero: 2.25rem;--font-size-title: 1.75rem}}@media(max-width:640px){:root{--content-padding: 1rem;--grid-cols-dashboard: 1fr;--grid-gap: 1.25rem;--card-padding: 1.25rem;--font-size-hero: 1.85rem;--font-size-title: 1.4rem;--font-size-card-title: 1.15rem;--header-height: 64px}}body{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--text-primary);background-color:var(--bg-main);min-height:100vh;line-height:1.5;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}.glass-card{background:var(--bg-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-main),var(--glass-shadow);padding:var(--card-padding);transition:border-color .3s ease,background-color .3s ease,transform .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:var(--border-color-hover);background:var(--bg-surface-hover)}.btn-neon{font-family:var(--font-heading);font-weight:500;font-size:.95rem;padding:.65rem 1.5rem;border-radius:30px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;background:var(--gradient-primary);box-shadow:0 4px 15px var(--color-primary-glow);position:relative;overflow:hidden}.btn-neon:after{content:"";position:absolute;top:0;left:-50%;width:30%;height:100%;background:#ffffff40;transform:skew(-25deg);transition:.75s ease}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff59}.btn-neon:hover:after{left:120%}.btn-neon:active{transform:translateY(1px)}.btn-secondary{font-family:var(--font-heading);font-weight:500;font-size:.95rem;padding:.65rem 1.5rem;border-radius:30px;cursor:pointer;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-primary);display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a;transform:translateY(-1px)}.neon-badge{font-family:var(--font-heading);font-weight:600;font-size:.75rem;padding:.15rem .6rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.25rem}.badge-cyan{background:var(--color-primary-glow);color:var(--color-primary);border:1px solid rgba(0,240,255,.3)}.badge-purple{background:var(--color-secondary-glow);color:var(--color-secondary);border:1px solid rgba(157,78,221,.3)}.badge-green{background:var(--color-success-glow);color:var(--color-success);border:1px solid rgba(13,242,170,.3)}.badge-pink{background:var(--color-accent-glow);color:var(--color-accent);border:1px solid rgba(247,37,133,.3)}