.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-brand{background:linear-gradient(145deg,var(--nw-indigo-950),var(--nw-indigo-800));color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:44px;line-height:1.12}.auth-brand p{color:#D4D7F0;line-height:1.7}.auth-benefits{margin-top:28px;display:grid;gap:14px}.auth-benefit{display:flex;gap:10px}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:30px;margin:0 0 8px}.auth-card>p{color:var(--nw-text-secondary);margin:0 0 25px}.auth-form{display:grid;gap:15px}.auth-form label{font-size:13px;font-weight:700}.auth-form input,.auth-form select{width:100%;margin-top:6px;padding:13px;border:1px solid var(--nw-border);border-radius:10px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;bottom:7px;border:0;background:transparent;padding:8px}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.auth-error{background:#FEECEC;color:#B42318;border-radius:10px;padding:12px;font-size:13px}.demo-box{margin-top:18px;padding:13px;background:#F7F8FC;border-radius:10px;font-size:12px;line-height:1.7}.auth-foot{text-align:center;margin-top:20px;font-size:13px;color:var(--nw-text-secondary)}


/* Premium authentication experience */
.auth-page{background:radial-gradient(circle at 80% 12%,rgba(32,184,115,.08),transparent 24%),#fff}
.auth-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(32,184,115,.22),transparent 24%),radial-gradient(circle at 85% 76%,rgba(217,165,43,.18),transparent 25%),linear-gradient(145deg,var(--nw-indigo-950),var(--nw-indigo-800) 72%,#124f58)}
.auth-brand:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-230px;top:-190px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}
.auth-brand>div{position:relative;z-index:1;max-width:560px}.auth-benefit{padding:14px 16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);border-radius:12px;backdrop-filter:blur(8px)}
.auth-card{padding:34px;border:1px solid rgba(23,20,95,.08);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 30px 75px rgba(23,20,95,.12)}
.auth-form input,.auth-form select{background:#fbfcff;transition:.2s}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:var(--nw-emerald-500);box-shadow:0 0 0 4px rgba(32,184,115,.1);background:#fff}
.demo-box{background:linear-gradient(135deg,#f7f8ff,#f3fff9);border:1px solid rgba(41,33,140,.09);padding:16px}.demo-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.demo-box-head span{display:block;color:var(--nw-text-secondary);font-size:11px}.demo-live{padding:4px 8px;border-radius:999px!important;background:var(--nw-emerald-100);color:var(--nw-emerald-700)!important;font-weight:900;letter-spacing:.05em}.demo-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-role-grid button{border:1px solid var(--nw-border);background:#fff;padding:10px;border-radius:10px;display:flex;align-items:center;gap:9px;text-align:left;color:var(--nw-text-primary);transition:.2s}.demo-role-grid button:hover{border-color:var(--nw-emerald-500);box-shadow:0 8px 20px rgba(18,168,102,.1);transform:translateY(-2px)}.demo-role-grid button span:nth-child(2){flex:1}.demo-role-grid small{display:block;color:var(--nw-text-secondary);font-size:9.5px;margin-top:2px}.demo-role-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--nw-emerald-100);color:var(--nw-emerald-700);font-weight:900}.demo-role-grid b{color:var(--nw-emerald-600)}