:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-color: #0f172a;--text-color: #f8fafc;--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #1e293b;--accent-color: #38bdf8;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--radius: 12px;--transition: all .3s ease}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 8px 32px #0000005e}.btn{padding:.75rem 1.5rem;border-radius:var(--radius);border:none;font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}input{background:var(--secondary-color);border:1px solid var(--glass-border);color:#fff;padding:.75rem;border-radius:var(--radius);font-size:1rem;width:100%;box-sizing:border-box}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}h1,h2,h3{margin:0;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:2rem}.page-transition{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}