:root{--orange:#f57c22;--orange-dark:#c85012;--amber:#ffbd31;--black:#111214;--muted:#6f737a;--line:#e8e9ec;--bg:#f4f5f7;--white:#fff;--shadow:0 28px 80px rgba(12,13,16,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--black);background:var(--bg)}
body{min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr}
.auth-brand{position:relative;overflow:hidden;padding:58px clamp(34px,6vw,90px);display:flex;flex-direction:column;background:linear-gradient(145deg,#0f1012 0%,#1b1c1f 56%,#282017 100%);color:#fff}
.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-brand:before{width:430px;height:430px;background:radial-gradient(circle,rgba(245,124,34,.32),transparent 66%);right:-170px;top:-100px}.auth-brand:after{width:520px;height:520px;border:1px solid rgba(255,184,54,.14);right:-200px;bottom:-250px}
.brand-lockup{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,var(--amber),var(--orange));font-size:30px;font-weight:900;color:#15100c;box-shadow:0 12px 30px rgba(245,124,34,.3)}.brand-lockup div{display:flex;flex-direction:column;letter-spacing:.1em}.brand-lockup strong{font-size:19px}.brand-lockup small{font-size:11px;color:#ffbd65;margin-top:4px}
.brand-copy{position:relative;z-index:1;margin:auto 0 50px;max-width:620px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;color:#ffbd65;margin-bottom:20px}.brand-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0 0 24px;letter-spacing:-.045em}.brand-copy p{font-size:18px;line-height:1.65;color:#c7c9cd;margin:0;max-width:560px}
.brand-features{position:relative;z-index:1;display:grid;gap:13px}.brand-features div{display:flex;align-items:center;gap:12px;color:#d6d7da}.brand-features b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(245,124,34,.17);color:#ffad52;font-size:13px}
.auth-card-wrap{display:grid;place-items:center;padding:48px 7vw;background:radial-gradient(circle at 78% 12%,rgba(255,189,49,.13),transparent 30%),var(--bg)}.auth-card{width:min(460px,100%);background:var(--white);padding:38px;border:1px solid rgba(17,18,20,.06);border-radius:25px;box-shadow:var(--shadow)}.auth-card-wide{width:min(780px,100%)}
body[data-auth-page="login"] .auth-shell{grid-template-columns:1fr}
body[data-auth-page="login"] .auth-card-wrap{min-height:100vh;padding:70px 24px 32px;background:radial-gradient(circle at 50% 42%,rgba(245,124,34,.1),transparent 29%),linear-gradient(135deg,#f1f2f4 0%,#f7f5f1 100%)}
.auth-card-head{display:flex;align-items:center;gap:16px;margin-bottom:30px}.auth-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff2e8;font-size:23px}.auth-card-head h2{font-size:27px;margin:0 0 6px;letter-spacing:-.025em}.auth-card-head p{margin:0;color:var(--muted);font-size:14px}
.auth-card label{display:grid;gap:8px;margin-bottom:18px;font-size:13px;font-weight:750;color:#31343a}.auth-card label span{font-weight:500;color:#989ba1}.auth-card input{width:100%;height:50px;border:1px solid #dfe1e5;border-radius:13px;padding:0 15px;font:inherit;font-weight:500;outline:none;transition:.18s;background:#fff}.auth-card input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(245,124,34,.11)}
.password-field{position:relative}.password-field input{padding-right:78px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--orange-dark);font-weight:750;cursor:pointer}
.auth-primary{width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--orange),#e96312);color:#fff;font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 12px 26px rgba(232,99,18,.24);transition:.18s}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(232,99,18,.3)}.auth-primary:disabled{opacity:.65;cursor:wait;transform:none}
.auth-error{min-height:22px;margin:14px 0 0;color:#bd2929;font-size:13px;text-align:center}.auth-foot{margin-top:22px;padding-top:19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#94979c;font-size:12px}
.setup-grid{display:grid;grid-template-columns:190px 1fr;gap:30px}.avatar-picker{padding:20px;border-radius:18px;background:#faf6f1;text-align:center;height:max-content}.avatar-preview{width:130px;height:130px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#ffd36f,#ee7020);color:#fff;font-size:20px;font-weight:850;border:5px solid #fff;box-shadow:0 10px 28px rgba(62,38,19,.14)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-button{display:inline-flex!important;justify-content:center!important;margin:0 0 8px!important;padding:10px 14px;border:1px solid #e5b07e;border-radius:11px;color:var(--orange-dark)!important;background:#fff;cursor:pointer}.avatar-picker small{display:block;color:#92959a;font-size:11px}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.setup-fields label:first-child,.setup-fields label:nth-child(4),.setup-fields label:nth-child(5){grid-column:1/-1}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:310px;padding:34px}.brand-copy{margin:55px 0 30px}.brand-copy h1{font-size:42px}.brand-features{display:none}.auth-card-wrap{padding:28px 18px}.setup-grid{grid-template-columns:1fr}.avatar-picker{display:flex;align-items:center;gap:16px;text-align:left}.avatar-preview{width:90px;height:90px;margin:0}.setup-fields{grid-template-columns:1fr}.setup-fields label{grid-column:1!important}}