*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3B82F6;--primary-hover: #2563EB;--secondary: #8B5CF6;--accent: #EC4899;--bg-gradient-1: #0a0a0a;--bg-gradient-2: #1a1a2e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03)}[data-theme=light]{--bg-gradient-1: #f8fafc;--bg-gradient-2: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.app{position:relative;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:#fff}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f633,0 0 60px #3b82f61a}50%{box-shadow:0 0 30px #3b82f680,0 0 60px #3b82f64d,0 0 80px #3b82f633}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}.glow-effect{animation:glow 2s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border)}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:var(--primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.btn-secondary{background:var(--glass-bg);border:1px solid var(--card-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--card-bg);border-color:var(--primary)}