*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #050508;--bg-secondary: #0a0a14;--bg-tertiary: #0f0f1f;--bg-deep: #030304;--surface: #131325;--surface-high: #1a1a35;--border: #1f1f40;--border-light: #2a2a55;--border-focus: #00d9ff;--text-primary: #f0f0f8;--text-secondary: #a8a8c0;--text-muted: #7a7a8e;--text-dim: #4a4a66;--accent-cyan: #00d9ff;--accent-cyan-glow: rgba(0, 217, 255, .3);--accent-cyan-dim: rgba(0, 217, 255, .08);--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .25);--accent-purple-dim: rgba(168, 85, 247, .08);--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .25);--accent-blue-dim: rgba(59, 130, 246, .08);--accent-green: #10b981;--accent-green-glow: rgba(16, 185, 129, .25);--accent-green-dim: rgba(16, 185, 129, .08);--accent-red: #f87171;--accent-red-glow: rgba(248, 113, 113, .2);--accent-red-dim: rgba(248, 113, 113, .08);--accent-amber: #fbbf24;--accent-amber-glow: rgba(251, 191, 36, .2);--accent-amber-dim: rgba(251, 191, 36, .08);--accent-pink: #f472b6;--accent-pink-dim: rgba(244, 114, 182, .08);--accent-emerald: #34d399;--font-body: "DM Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Playfair Display", "Georgia", serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.5px}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}p{color:var(--text-secondary);margin-bottom:12px}code{font-family:var(--font-mono);background:var(--surface);padding:2px 6px;border-radius:4px;font-size:12px}button{font-family:var(--font-body);font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:8px;padding:10px 16px}.btn-primary{background:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue)}.btn-primary:hover{background:#2563eb;box-shadow:0 0 20px var(--accent-blue-glow)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-high);border-color:var(--accent-blue)}.btn-danger{background:var(--accent-red);color:#fff;border:1px solid var(--accent-red)}.btn-danger:hover{background:#dc2626;box-shadow:0 0 20px #ef444440}.glass-card{background:linear-gradient(135deg,var(--bg-secondary),var(--surface));border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-focus);box-shadow:0 0 20px var(--accent-blue-glow),inset 0 1px #3b82f61a}.glass-card-accent{border-color:var(--accent-blue);box-shadow:0 0 20px var(--accent-blue-glow),inset 0 1px #3b82f61a}input,textarea,select{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--font-body);font-size:14px;transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px var(--accent-blue-dim)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.border-1{border:1px solid var(--border)}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.shadow-lg{box-shadow:0 10px 25px -5px #00000080}.transition-all{transition:all var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideInFromLeft .4s ease-out}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-cyan-dim),inset 0 0 20px var(--accent-cyan-dim)}50%{box-shadow:0 0 40px var(--accent-cyan-glow),inset 0 0 20px var(--accent-cyan-dim)}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(0,217,255,.3),transparent);background-size:1000px 100%}@media (max-width: 768px){h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}body{font-size:13px}.glass-card{padding:16px}}@media (max-width: 480px){h1{font-size:20px}h2{font-size:16px}button{padding:8px 12px;font-size:12px}.glass-card{padding:12px}}