:root{--bg:#07110d;--panel:#0f1f18f0;--panel-border:#d6b15238;--gold:#d6b152;--gold-light:#f0d98a;--text:#f5f2e8;--text-muted:#9fa9a2;--input-bg:#040c09b8;--input-border:#ffffff1c;--danger:#e57373;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -10%,#d6b15221,#0000 36%),radial-gradient(circle at 0 100%,#1f5b402e,#0000 38%),linear-gradient(135deg,#050b08 0%,#07110d 48%,#0b1712 100%);justify-content:center;align-items:center;padding:24px;display:flex}body:before{content:"";pointer-events:none;opacity:.035;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}main{border:1px solid var(--panel-border);background:linear-gradient(145deg,#182e23f7,#0a1711f7);border-radius:24px;width:min(100%,460px);padding:42px 38px 34px;position:relative;box-shadow:0 35px 90px #0000007a,inset 0 1px #ffffff0b}main:before{content:"";background:linear-gradient(90deg,#0000,#f0d98acc,#0000);height:1px;position:absolute;top:0;left:18%;right:18%}h1{letter-spacing:-.045em;margin:0 0 34px;font-size:clamp(2rem,7vw,2.7rem);font-weight:800;line-height:1.05}h1:first-line{color:var(--text)}.brand{color:var(--gold);letter-spacing:.28em;margin-bottom:12px;font-size:.72rem;font-weight:800;display:block}.register-title{display:block}form{flex-direction:column;gap:20px;display:flex}form>div{flex-direction:column;gap:8px;display:flex}label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}input{border:1px solid var(--input-border);width:100%;min-height:54px;color:var(--text);background:var(--input-bg);font:inherit;border-radius:13px;outline:none;padding:0 16px;font-size:1rem;transition:border-color .16s,box-shadow .16s,background .16s}input::placeholder{color:#68736d}input:hover{border-color:#d6b15247}input:focus{border-color:var(--gold);background:#040c09e6;box-shadow:0 0 0 3px #d6b1521a,0 8px 20px #0000002e}button[type=submit]{color:#10150f;background:linear-gradient(135deg, var(--gold-light), var(--gold));width:100%;min-height:56px;font:inherit;letter-spacing:.02em;cursor:pointer;border:1px solid #f0d98a59;border-radius:13px;margin-top:4px;font-size:.95rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 10px 25px #00000047,inset 0 1px #ffffff59}button[type=submit]:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 15px 32px #00000057,0 0 24px #d6b1521f,inset 0 1px #fff6}button[type=submit]:active{transform:translateY(0)}button[type=submit]:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}#error{min-height:20px;color:var(--danger);margin:-4px 0 0;font-size:.86rem;font-weight:600;line-height:1.4}main>p{color:var(--text-muted);text-align:center;margin:28px 0 0;font-size:.9rem;line-height:1.5}main>p a{color:var(--gold-light);font-weight:700;text-decoration:none;transition:color .16s}main>p a:hover{color:#fff1b5;text-decoration:underline}main>p a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}@media (width<=520px){body{padding:16px}main{border-radius:20px;padding:34px 22px 28px}h1{margin-bottom:28px;font-size:2.15rem}input{min-height:52px}button[type=submit]{min-height:54px}}