:root{--bg: #1a1a2e;--surface: #16213e;--surface-light: #0f3460;--accent-r: #e94560;--accent-e: #533483;--text: #eee;--text-dim: #999;--success: #4ecca3;--fail: #e94560}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .1s,opacity .2s}button:hover:not(:disabled){transform:scale(1.02)}button:disabled{opacity:.5;cursor:not-allowed}input{border:2px solid var(--surface-light);border-radius:8px;padding:12px 16px;font-size:1.2rem;background:var(--surface);color:var(--text);text-align:center;outline:none}input:focus{border-color:var(--accent-e)}