:root{--primary: #0F172A;--secondary: #D4A373;--accent: #22D3EE;--text: #F8FAFC;--text-dim: #cbd5e1;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--font-sans: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--navbar-bg: rgba(10, 10, 15, .8);--bg-dark: #0f172a;--bg-darker: #0a0f1f;--text-primary: var(--text);--text-secondary: #aeb5c0;--neon-purple: var(--secondary);--neon-cyan: var(--accent);--neon-pink: #b7d1ff;--glow-1: rgba(212, 163, 115, .08);--glow-2: rgba(34, 211, 238, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .07);--glass-glow: 0 8px 20px rgba(0, 0, 0, .12)}.theme-classic{--bg-dark: #0f172a;--bg-darker: #0a0f1f;--text-primary: var(--text);--text-secondary: #aeb5c0;--neon-purple: var(--secondary);--neon-cyan: var(--accent);--neon-pink: #b7d1ff;--glow-1: rgba(212, 163, 115, .08);--glow-2: rgba(34, 211, 238, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .07);--glass-glow: 0 12px 44px 0 rgba(0, 0, 0, .28)}.theme-neo{--bg-dark: #0a1020;--bg-darker: #070b18;--text-primary: var(--text);--text-secondary: #b7c7e0;--neon-purple: var(--accent);--neon-cyan: var(--secondary);--neon-pink: #7de6ff;--glow-1: rgba(34, 211, 238, .14);--glow-2: rgba(212, 163, 115, .12);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .09);--glass-glow: 0 8px 20px rgba(0, 0, 0, .14);--navbar-bg: rgba(10, 10, 15, .82)}.theme-light{--bg-dark: #f6f7fb;--bg-darker: #e2e8f0;--text-primary: #0f172a;--text-secondary: #334155;--neon-purple: #2563eb;--neon-cyan: #0ea5e9;--neon-pink: #ec4899;--glow-1: rgba(37, 99, 235, .12);--glow-2: rgba(14, 165, 233, .12);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(15, 23, 42, .08);--glass-glow: 0 6px 16px rgba(15, 23, 42, .12);--navbar-bg: rgba(255, 255, 255, .9)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(30% 30% at 18% 35%,var(--glow-1),transparent 60%),radial-gradient(28% 28% at 78% 18%,var(--glow-2),transparent 62%),linear-gradient(180deg,#ffffff02,#fff0);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:100px 0;min-height:100vh;display:flex;align-items:center}.text-gradient{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-glow);padding:2rem;transition:var(--transition)}.glass-card:hover{transform:none;border-color:var(--neon-purple);box-shadow:0 8px 26px #0000001f}.btn{display:inline-block;padding:12px 28px;border-radius:50px;font-family:var(--font-sans);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;z-index:1;border:none}.btn-primary{background:var(--accent);color:#0a0f1f;box-shadow:0 12px 28px #22d3ee47}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff38,#fff0);opacity:0;z-index:-1;transition:var(--transition)}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #22d3ee52}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{border-color:var(--accent);color:#0a0f1f;background:var(--accent);box-shadow:0 12px 28px #22d3ee38}.section-title{font-size:3rem;margin-bottom:3rem;text-align:center}.section-title span{color:var(--neon-purple)}.reveal{opacity:0;transform:translateY(18px);transition:all .65s ease}.reveal.active{opacity:1;transform:translateY(0)}@keyframes pulse-glow{0%{box-shadow:0 0 #8a2be266}70%{box-shadow:0 0 0 20px #8a2be200}to{box-shadow:0 0 #8a2be200}}@keyframes floatSoft{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}