:root{color-scheme:dark;--bg:#06101d;--card:#0d1d30;--line:#26445a;--text:#f4f8f8;--muted:#9fb0c4;--cyan:#53bcbe}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#12354c,transparent 36%),var(--bg);color:var(--text);font:16px Arial,sans-serif}.shell{width:min(860px,calc(100% - 32px));margin:64px auto}.brand{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:2px}h1{margin:12px 0 8px;font-size:34px}.lead{margin:0 0 30px;color:var(--muted);line-height:1.6}.card{padding:28px;border:1px solid var(--line);border-radius:16px;background:rgba(13,29,48,.94);box-shadow:0 24px 70px #0005}.login{max-width:430px;margin:14vh auto}.field{display:grid;gap:8px;margin:18px 0}.field span{font-size:13px;font-weight:700;color:#c2ccda}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#071522;color:var(--text);padding:12px;font:inherit}textarea{min-height:210px;resize:vertical}button{border:0;border-radius:10px;padding:13px 17px;background:var(--cyan);color:#04111a;font:700 14px Arial;cursor:pointer}.row{display:flex;gap:14px}.row .field{flex:1}.top{display:flex;justify-content:space-between;gap:16px;align-items:start}.secondary{background:transparent;border:1px solid var(--line);color:var(--text);padding:9px 12px}.notice{display:none;margin:18px 0 0;padding:12px;border-radius:10px;line-height:1.45}.notice.ok{display:block;background:#123b2d;color:#baf0d2}.notice.error{display:block;background:#4b2426;color:#ffd1d0}.hint{font-size:13px;color:var(--muted);line-height:1.55}@media(max-width:620px){.shell{margin:28px auto}.card{padding:20px}.row{display:block}}
