:root{--primary-color: #6C63FF;--secondary-color: #FF6584;--background-dark: #0F172A;--surface-dark: #1E293B;--text-light: #F8FAFC;--text-dim: #94A3B8;--gradient-main: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--font-main: "Inter", sans-serif}body{margin:0;font-family:var(--font-main);background-color:var(--background-dark);color:var(--text-light);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.btn-primary{background:var(--gradient-main);border:none;padding:12px 24px;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff66}.card{background:var(--surface-dark);padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}input{background:#334155;border:1px solid #475569;padding:12px;border-radius:8px;color:#fff;width:100%;box-sizing:border-box;margin-bottom:12px}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6c63ff33}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#475569}