*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#10182b}body{min-height:100vh;background:#f6f7fb}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.login-brand{position:relative;padding:clamp(40px,7vw,105px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(255,105,45,.20),transparent 28%),linear-gradient(145deg,#2e1065 0%,#4c1d95 52%,#6d28d9 100%)}
.login-logo{display:inline-flex;width:max-content;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 50px rgba(20,5,50,.25)}.login-logo img{height:62px;width:auto;max-width:270px;object-fit:contain}
.brand-copy{max-width:650px}.brand-copy>span,.login-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#ff7a45}.brand-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.brand-copy p{font-size:17px;line-height:1.7;color:#e9ddff}.login-brand small{color:#d8c8ff}
.login-side{display:grid;place-items:center;padding:35px;background:#f8f9fd}.login-card{width:min(470px,100%);background:#fff;border-radius:24px;padding:42px;box-shadow:0 24px 70px rgba(40,25,80,.10);border:1px solid #eeeaf8}.login-card h2{font-size:38px;margin:8px 0 8px}.login-card>p{color:#6d7585;line-height:1.55;margin-bottom:28px}
.login-card label,.setup-card label{display:block;font-size:13px;font-weight:800;margin:17px 0 7px}.login-card input,.setup-card input{display:block;width:100%;margin-top:8px;padding:15px 16px;border:1px solid #d9dce6;border-radius:11px;font-size:15px;outline:0}.login-card input:focus,.setup-card input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.10)}
.login-card button,.setup-card button{width:100%;margin-top:22px;border:0;border-radius:11px;padding:16px 18px;background:linear-gradient(135deg,#ff5a24,#ff7a45);color:#fff;font-size:15px;font-weight:900;cursor:pointer}.login-card button span{float:right}.back-site{display:block;margin-top:24px;text-align:center;color:#5b21b6;text-decoration:none;font-weight:700;font-size:13px}.login-error,.setup-ok{padding:12px 14px;border-radius:10px;margin:16px 0;font-size:13px}.login-error{background:#fff0f2;color:#b4233e}.setup-ok{background:#ecfdf3;color:#067647}
.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#2e1065,#6d28d9)}.setup-card{width:min(560px,100%);background:#fff;border-radius:24px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.setup-card>img{height:62px;max-width:250px;object-fit:contain;margin-bottom:25px}.setup-card h1{font-size:34px;margin:8px 0}.setup-card>p{color:#687184;line-height:1.6}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:360px;padding:35px}.brand-copy h1{font-size:42px}.login-logo img{height:48px}.login-side{padding:24px}.login-card{padding:30px}.login-brand small{display:none}}