.auth-shell{background:var(--parchment-50);justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:36px 20px;display:flex}.auth-page{border-radius:var(--radius-lg);width:100%;max-width:760px;box-shadow:var(--shadow-card);border:1px solid var(--parchment-200);grid-template-columns:.85fr 1.15fr;display:grid;overflow:hidden}.auth-side{color:var(--parchment-50);background:radial-gradient(circle at 20% 15%, #c9a22724, transparent 50%), radial-gradient(circle at 85% 85%, #227a5840, transparent 55%), linear-gradient(160deg, var(--pine-800), var(--pine-950));flex-direction:column;justify-content:center;padding:44px 34px;display:flex;position:relative;overflow:hidden}.auth-side:before{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(circle,#e7cf7c80 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0}.auth-side-inner{z-index:2;max-width:360px;position:relative}.auth-bismillah{font-family:var(--font-arabic);color:var(--gold-300);margin-bottom:14px;font-size:1.15rem}.auth-brand{font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:18px;font-size:1.15rem;font-weight:700;display:flex}.auth-brand .mark{background:linear-gradient(145deg,var(--gold-300),var(--gold-600));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-brand .mark svg{width:17px;height:17px}.auth-side h2{font-family:var(--font-display);margin:0 0 10px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.5}.auth-side p{color:var(--sage-300);margin:0 0 20px;font-size:.86rem;line-height:1.75}.auth-points{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.auth-points li{color:var(--parchment-100);align-items:center;gap:9px;font-size:.82rem;display:flex}.auth-points .check{width:22px;height:22px;color:var(--gold-300);background:#e7cf7c26;border:1px solid #e7cf7c59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-points .check svg{width:11px;height:11px}.auth-form-wrap{background:radial-gradient(circle at 80% 10%, #227a580f, transparent 50%), var(--parchment-50);justify-content:center;align-items:center;padding:36px 28px;display:flex}.auth-card{width:100%;max-width:340px}.auth-card .eyebrow{margin-bottom:12px}.auth-card h3{font-family:var(--font-display);color:var(--ink-900);margin:0 0 6px;font-size:1.3rem}.auth-sub{color:var(--sage-500);margin:0 0 20px;font-size:.84rem;line-height:1.7}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field label{color:var(--ink-900);margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.auth-field input{width:100%;font-family:var(--font-body);border-radius:var(--radius-sm);border:1.5px solid var(--parchment-200);background:#fff;outline:none;padding:11px 14px;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.auth-field input:focus{border-color:var(--pine-600);box-shadow:0 0 0 4px #227a5824}.auth-submit{width:100%;padding:12px 26px;font-size:.88rem}.auth-alt{text-align:center;color:var(--sage-500);margin-top:18px;font-size:.82rem}.auth-alt a{color:var(--pine-700);font-weight:700;text-decoration:none}.auth-alt a:hover{text-decoration:underline}.auth-alert{color:#b3261e;border-radius:var(--radius-sm);background:#fceae9;border:1px solid #f1c9c6;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.84rem;font-weight:600;display:flex}.auth-success{background:var(--mint-100);color:var(--pine-800);border-radius:var(--radius-sm);border:1px solid #227a5840;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.86rem;font-weight:600;display:flex}.auth-success svg{flex-shrink:0;width:16px;height:16px}@media (max-width:680px){.auth-page{grid-template-columns:1fr}.auth-side{padding:36px 26px}}