:root{--bg-color: #0f172a;--bg-secondary: #1e293b;--text-color: #f8fafc;--text-secondary: #94a3b8;--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #1e293b;--accent-color: #60a5fa;--danger-color: #ef4444;--danger-hover: #dc2626;--success-color: #22c55e;--border-color: #334155;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:linear-gradient(135deg,#1e293bcc,#0f172acc);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;transition:all .2s ease;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#2563eb 100%);color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,#1d4ed8 100%);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.input{width:100%;padding:.625rem .875rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:#33415580;color:#fff;font-size:.875rem;transition:all .2s ease}.input::placeholder{color:var(--text-secondary)}.input:focus{outline:none;border-color:var(--primary-color);background-color:#334155cc;box-shadow:0 0 0 3px #3b82f61a}.input:hover:not(:focus){border-color:#475569}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}