@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap");:root{--bg:#020c14;--box:#0d1f2d;--border:#1e3a4a;--input-bg:#071520;--accent:#4a8fa8;--btn-from:#1a5a7a;--btn-to:#0d3a52;--btn-border:#2a7a9a;--text:#ffffff;--muted:#8aa0ad;--err:#ff6b6b;--ok:#5fd39a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.wrap,body,html{min-height:100vh}.wrap{display:flex;align-items:center;justify-content:center;padding:20px}.box{background:var(--box);border:1px solid var(--border);border-radius:16px;padding:36px;max-width:400px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.5)}.logo{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;letter-spacing:8px;text-align:center;margin-bottom:4px}.sub{text-align:center;margin-bottom:26px}.label,.sub{color:var(--muted);font-size:11px;letter-spacing:1px}.label{display:block;text-transform:uppercase;margin-bottom:6px}.input{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-size:13px;outline:none;margin-bottom:16px}.input:focus{border-color:var(--accent)}.btn{width:100%;background:linear-gradient(135deg,var(--btn-from),var(--btn-to));border:1px solid var(--btn-border);border-radius:8px;padding:13px;color:var(--text);font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.85}.btn:disabled{opacity:.3;cursor:not-allowed}.link{display:block;text-align:center;margin-top:14px;font-size:11px;color:var(--muted);text-decoration:none}.link:hover{color:var(--accent)}.msg{font-size:12px;margin-top:12px;min-height:16px}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}