﻿:root{--bg:#020407;--panel:#081119;--text:#f5f8fb;--muted:#8fa1b0;--line:rgba(255,255,255,.09);--lime:#d2a23a;--lime2:#8a5a16;--blue:#c08a25;--red:#ef4747}
*{box-sizing:border-box}body{margin:0;min-height:100svh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 10%,rgba(192,138,37,.12),transparent 27rem),radial-gradient(circle at 85% 15%,rgba(210,162,58,.09),transparent 30rem),linear-gradient(145deg,#020407,#071019);display:grid;place-items:center;padding:28px}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.auth-shell{width:min(1080px,100%);min-height:670px;display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(6,12,18,.9);box-shadow:0 30px 90px rgba(0,0,0,.52)}
.auth-brand{padding:42px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(192,138,37,.14),transparent 25rem),#03070b;display:flex;flex-direction:column;justify-content:space-between}
.auth-brand:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-180px;bottom:-180px;border:1px solid rgba(210,162,58,.19);box-shadow:0 0 90px rgba(210,162,58,.06)}
.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand img{width:50px;height:50px;object-fit:cover;border-radius:14px;border:1px solid rgba(210,162,58,.22)}.brand strong{letter-spacing:.1em}.brand small{display:block;color:var(--lime);font-size:.58rem;letter-spacing:.15em;margin-top:5px}
.auth-message{position:relative;z-index:1}.auth-message .eyebrow{color:#e7c777;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-message h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.97;letter-spacing:-.05em;margin:14px 0 18px}.gradient{background:linear-gradient(100deg,#fff,var(--lime),var(--blue));background-clip:text;-webkit-background-clip:text;color:transparent}.auth-message p{color:var(--muted);line-height:1.7;max-width:450px}.auth-points{display:grid;gap:10px;margin-top:25px}.auth-point{display:flex;gap:9px;color:#9dadba;font-size:.8rem}.auth-point i{width:7px;height:7px;border-radius:50%;background:var(--lime);margin-top:6px;box-shadow:0 0 10px var(--lime)}
.back{position:relative;z-index:1;color:#8799a8;font-size:.78rem}.back:hover{color:#fff}
.form-side{padding:42px 50px;display:flex;align-items:center}.form-wrap{width:min(440px,100%);margin:auto}.form-wrap h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 8px}.subtitle{color:var(--muted);font-size:.87rem;line-height:1.6;margin:0 0 27px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{margin-bottom:14px}.field label{display:block;color:#b7c4ce;font-size:.74rem;font-weight:800;margin-bottom:7px}.input-wrap{position:relative}.field input{width:100%;height:48px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#04090e;color:#fff;outline:none;padding:0 13px;transition:.18s}.field input:focus{border-color:rgba(210,162,58,.48);box-shadow:0 0 0 3px rgba(210,162,58,.06)}.toggle{position:absolute;right:7px;top:7px;height:34px;border:0;background:transparent;color:#718493;font-size:.7rem;font-weight:900;cursor:pointer}
.meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.75rem;margin:2px 0 18px}.check{display:flex;align-items:flex-start;gap:8px}.check input{accent-color:var(--lime);margin-top:2px}.link{color:#d7ad52}
.submit{width:100%;height:49px;border:0;border-radius:12px;background:linear-gradient(135deg,#f0c85e,var(--lime2));color:#071000;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(138,90,22,.14)}
.switch{text-align:center;color:var(--muted);font-size:.79rem;margin-top:18px}.switch a{color:var(--lime);font-weight:850}
.note{padding:11px 12px;border-radius:10px;border:1px solid rgba(192,138,37,.13);background:rgba(192,138,37,.04);color:#91b7ca;font-size:.72rem;line-height:1.5;margin-bottom:17px}
.error{color:#ff8787;font-size:.72rem;min-height:18px;margin-top:7px}
@media(max-width:850px){body{padding:16px}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:310px;padding:30px}.auth-message h1{font-size:3.1rem}.form-side{padding:35px 28px}}
@media(max-width:500px){body{padding:0}.auth-shell{border:0;border-radius:0;min-height:100svh}.auth-brand{min-height:260px;padding:24px}.auth-message h1{font-size:2.6rem}.form-side{padding:30px 20px}.form-grid{grid-template-columns:1fr}}
/* ASP.NET / SWAPTRADE AI integration */
html{background:#020407}
body.auth-body{display:grid;place-items:center}
.auth-shell.webforms{margin:0}
.field select{width:100%;height:48px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#04090e;color:#fff;outline:none;padding:0 13px;transition:.18s;appearance:auto}
.field select:focus{border-color:rgba(210,162,58,.48);box-shadow:0 0 0 3px rgba(210,162,58,.06)}
.field select option{background:#071019;color:#fff}
.field input::placeholder{color:#536675}
.submit{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s}
.submit:hover{transform:translateY(-1px);filter:brightness(1.035);box-shadow:0 13px 30px rgba(138,90,22,.18)}
.submit:active{transform:translateY(0)}
.auth-status{min-height:20px;margin:-2px 0 10px;color:#b5c7d2;font-size:.73rem;line-height:1.5}
.auth-status:empty{display:none}
.auth-mini-link{color:#d7ad52;font-size:.75rem;font-weight:800}
.auth-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.auth-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(210,162,58,.14);background:rgba(210,162,58,.05);color:#e7c777;font-size:.68rem;font-weight:800}
.auth-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}
.auth-form-scroll{max-height:min(72vh,720px);overflow-y:auto;padding-right:5px;margin-right:-5px;scrollbar-width:thin;scrollbar-color:#31414c transparent}
.auth-form-scroll::-webkit-scrollbar{width:5px}.auth-form-scroll::-webkit-scrollbar-thumb{background:#31414c;border-radius:10px}
.auth-security{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);color:#718493;font-size:.7rem;line-height:1.5}.auth-security b{color:#9fb0bc}
.auth-security svg{width:15px;min-width:15px;margin-top:1px;color:var(--lime)}
@media(max-width:850px){.auth-form-scroll{max-height:none;overflow:visible;padding-right:0;margin-right:0}.auth-shell.webforms{min-height:100svh}}
@media(max-width:500px){.auth-brand{min-height:245px}.auth-message p{font-size:.84rem}.auth-points{display:none}.back{margin-top:18px}.form-wrap h2{font-size:1.7rem}.subtitle{margin-bottom:20px}}
