*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #13131a;--bg3: #1a1a24;--border: #252533;--text: #ccc;--text-dim: #666;--accent: #4a9eff;--accent-dim: #1e4080;--danger: #e05555;--success: #4ecb71;--font: "Courier New", Courier, monospace}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg)}.nav-logo{font-size:18px;font-weight:700;color:var(--text);letter-spacing:2px}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text-dim);font-size:13px}.nav-links a:hover{color:var(--text);text-decoration:none}.btn{display:inline-block;padding:10px 24px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-family:var(--font);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent);background:var(--bg3);text-decoration:none}.btn-primary{border-color:var(--accent);background:var(--accent-dim);color:#fff}.btn-primary:hover{background:#2a5090}.btn-sm{padding:6px 14px;font-size:12px}input{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:13px;outline:none}input:focus{border-color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group label{font-size:12px;color:var(--text-dim)}.error-msg{color:var(--danger);font-size:12px;margin-top:8px;min-height:16px}.panel{background:var(--bg2);border:1px solid var(--border);padding:28px 32px}