*{box-sizing:border-box}
body{margin:0;font-family:Inter, Segoe UI, Roboto, Arial, sans-serif;background:#2f2d31;color:#fff}
a{color:#fff}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;background:#2f2d31}
.auth-visual{background:#ddd url('../img/auth-visual.jpg') center/cover no-repeat;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;min-height:100vh}
.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.12));pointer-events:none}
.auth-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.01em}
.auth-brand img{width:42px;height:42px;object-fit:contain}
.auth-brand span{font-size:30px;line-height:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.auth-brand-overlay{position:absolute;top:30px;left:30px;z-index:2;background:rgba(49,47,50,.72);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;backdrop-filter:blur(8px)}
.auth-brand-panel{display:none;margin-bottom:28px}
.auth-panel{padding:10vh 8vw;display:flex;flex-direction:column;justify-content:center;background:#2f2d31}
.auth-panel h1,.setup-card h1{font-size:42px;margin:0 0 14px;line-height:1.15}
.auth-panel p,.setup-card p{color:#ddd}.auth-form{display:flex;flex-direction:column;gap:10px;margin-top:25px}.auth-form label{font-weight:700}.auth-form input,.auth-form textarea,.auth-form select{width:100%;border:0;border-radius:8px;background:#4b4b4b;color:#fff;padding:15px 16px;font-size:16px;border-bottom:3px solid #ffa500}.auth-form textarea{min-height:90px}.primary{background:#ffa500;color:#000;border:0;border-radius:8px;padding:16px 18px;font-size:18px;font-weight:700;cursor:pointer;margin-top:12px}.primary:disabled{opacity:.65;cursor:wait}.auth-link a{font-weight:700}.setup-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.setup-card{width:min(560px,94vw);background:#353535;padding:34px;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.setup-card.wide{width:min(760px,96vw)}.small-logo{width:55px;height:55px;object-fit:contain;background:transparent;border-radius:0;padding:0;margin-bottom:16px}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.steps span{padding:8px 12px;border-radius:999px;background:#fff;color:#111;font-weight:700}.steps .on{background:#ffa500}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.snackbar{visibility:hidden;opacity:0;position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#111;color:#fff;padding:14px 18px;border-radius:8px;z-index:99999;max-width:90vw}.snackbar.show{visibility:visible;opacity:1}
@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:34vh}.auth-panel{padding:40px 24px}.auth-brand-overlay{top:20px;left:20px}.auth-brand-overlay span{font-size:25px}.auth-brand-panel{display:inline-flex}.auth-visual+.auth-panel .auth-brand-panel{display:none}.auth-panel h1,.setup-card h1{font-size:34px}.two{grid-template-columns:1fr}}