.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.auth-visual{position:relative;background:linear-gradient(160deg,#f8f9fc,#eef1f8,#e8edf6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 52px;overflow:hidden}.auth-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,60,110,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,60,110,.04) 1px,transparent 1px);background-size:40px 40px;animation:gridDrift 20s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.auth-float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#ffffffd9;border:1px solid rgba(26,60,110,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 20px #1a3c6e14;z-index:5;animation:cardFloat 6s ease-in-out infinite}.auth-float-card--1{top:12%;left:8%;animation-delay:0s}.auth-float-card--2{top:8%;right:10%;animation-delay:2s}.auth-float-card--3{bottom:10%;right:12%;animation-delay:4s}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.afc-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.afc-icon--green{background:#0596691f;color:#059669}.afc-icon--blue{background:#1a3c6e1a;color:#1a3c6e}.afc-icon--amber{background:#f479201f;color:#f47920}.afc-text{display:flex;flex-direction:column}.afc-label{font-size:.65rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.afc-value{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.auth-visual-content{position:relative;z-index:2;text-align:center;max-width:420px}.auth-visual-logo{display:flex;align-items:center;justify-content:center;margin-bottom:28px}.auth-logo-img{width:100px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(26,60,110,.15));animation:logoBreath 4s ease-in-out infinite}@keyframes logoBreath{0%,to{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(26,60,110,.15))}50%{transform:scale(1.03);filter:drop-shadow(0 4px 16px rgba(26,60,110,.2))}}.auth-headline{font-size:2.4rem;font-weight:900;line-height:1.1;letter-spacing:-1px;color:var(--text-primary);margin-bottom:12px}.auth-tagline{color:var(--text-muted);font-size:.92rem;max-width:360px;line-height:1.6;margin:0 auto 32px}.auth-illustration{width:100%;max-width:380px;margin:0 auto 28px}.civic-scene{width:100%;height:auto}.building{animation:buildingRise 1.5s var(--ease-out) forwards;transform-origin:bottom center}.building--1{animation-delay:.1s}.building--2{animation-delay:.25s}.building--govt{animation-delay:.4s}.building--3{animation-delay:.55s}.building--4{animation-delay:.7s}@keyframes buildingRise{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.pin{animation:pinDrop .8s var(--ease-bounce) forwards;transform-origin:bottom center}.pin--1{animation-delay:1.2s;opacity:0}.pin--2{animation-delay:1.5s;opacity:0}.pin--3{animation-delay:1.8s;opacity:0}@keyframes pinDrop{0%{transform:translateY(-30px) scale(.5);opacity:0}60%{transform:translateY(3px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.pulse-ring{animation:pingRing 2.5s ease-out infinite}.pulse-ring--1{animation-delay:2s}.pulse-ring--2{animation-delay:2.3s}.pulse-ring--3{animation-delay:2.6s}@keyframes pingRing{0%{r:6;opacity:.6}to{r:18;opacity:0}}.data-line{stroke-dashoffset:40;animation:dataFlow 3s linear infinite}.data-line--1{animation-delay:2.2s}.data-line--2{animation-delay:2.8s}@keyframes dataFlow{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.dome-light{animation:domeGlow 3s ease-in-out infinite}@keyframes domeGlow{0%,to{opacity:.3;r:3}50%{opacity:.7;r:4}}.auth-features{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.auth-feature-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffffb3;border:1px solid rgba(26,60,110,.08);border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--ease-out)}.auth-feature-pill:hover{background:#fffffff2;border-color:#1a3c6e26;transform:translateY(-2px);box-shadow:0 4px 12px #1a3c6e14}.auth-feature-pill svg{color:var(--accent);flex-shrink:0}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-deep);position:relative}.auth-card{width:100%;max-width:400px}.auth-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem;font-weight:500;margin-bottom:40px;transition:color .2s}.auth-back:hover{color:var(--accent)}.auth-card h2{font-size:1.8rem;margin-bottom:8px}.auth-card .subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .field-group{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.name-field-wrapper{overflow:hidden;max-height:0;opacity:0;transition:all .4s var(--ease-out)}.name-field-wrapper.show{max-height:100px;opacity:1}.auth-toggle{text-align:center;margin-top:24px;color:var(--text-muted);font-size:.85rem}.auth-toggle a{color:var(--accent);font-weight:700;cursor:pointer;margin-left:4px;transition:color .2s}.auth-toggle a:hover{color:#2a5298}@media(max-width:1024px){.auth-page{grid-template-columns:1fr 1fr}.auth-visual{padding:40px 32px}.auth-headline{font-size:1.9rem}.auth-float-card--1{left:4%}.auth-float-card--2{right:4%}.auth-float-card--3{right:6%}}@media(max-width:768px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{padding:30px 20px}}@media(max-width:480px){.auth-form-side{padding:24px 16px}.auth-card h2{font-size:1.4rem}.auth-card .subtitle{font-size:.82rem;margin-bottom:24px}.auth-back{font-size:.78rem;margin-bottom:28px}.auth-toggle{font-size:.78rem}}