:root{--brand:#255dcc;--ink:#172b49}*{box-sizing:border-box}body{margin:0;background:#f7f9fd;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(28px,5vw,80px);background:linear-gradient(140deg,#0f1f3c,#183e77 62%,#285cab);color:#fff}.auth-brand::before,.auth-brand::after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(65px);z-index:-1;opacity:.45;animation:float-cloud 22s ease-in-out infinite alternate}.auth-brand::before{background:#4789ee;top:-240px;left:-160px}.auth-brand::after{background:#5aa5ac;right:-260px;bottom:-260px;animation-delay:-11s}.auth-orbits{position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 20% 60%,transparent 0,transparent 85px,#ffffff08 86px,#ffffff08 87px);animation:orbit-drift 28s ease-in-out infinite alternate}.auth-brand-inner{max-width:600px;text-align:center}.auth-logo-plate{width:100%;max-width:420px;padding:6px;background:white;border-radius:12px;box-shadow:0 12px 32px #07163030;margin:0 auto 28px;overflow:hidden}.auth-logo{width:100%;height:auto;display:block}.auth-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;color:#b9d1f3;font-weight:650}.auth-brand h1{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.15;letter-spacing:-.04em;margin:18px 0}.auth-brand p{color:#d3e0f5;line-height:1.75;margin:0 auto;max-width:400px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:clamp(28px,6vw,88px)}.auth-card{width:100%;max-width:410px}.auth-card h2{font-size:2rem;font-weight:750;letter-spacing:-.035em}.auth-intro{color:#64748b;margin:10px 0 32px}.auth-card .form-control{border:1px solid #d5dfed;background:#fff;border-radius:10px;min-height:50px;font-size:1rem}.auth-card .form-control:focus{border-color:#7198eb;box-shadow:0 0 0 4px #255dcc15}.input-with-icon{position:relative}.input-with-icon input{padding-right:70px}.toggle-pass{position:absolute;right:10px;bottom:12px;border:0;background:transparent;font-size:.8rem;color:#3863a6}.btn-brand{background:var(--brand);color:white;border:0;border-radius:10px;font-weight:650;min-height:50px;box-shadow:0 7px 18px #255dcc20}.btn-brand:hover{background:#1c4eac;color:white}.auth-help{border-top:1px solid #dfe6f0;margin-top:30px;padding-top:20px;color:#67778f;font-size:.85rem}.auth-copyright{font-size:.75rem;color:#8b98aa;margin-top:40px}.auth-help summary{cursor:pointer;color:#365f9b}.auth-help p{margin-top:10px;line-height:1.6}.auth-motion-toggle{position:absolute;bottom:20px;left:24px;color:#d6e4f8;border:1px solid #ffffff35;background:#ffffff0a;border-radius:8px;padding:6px 10px;font-size:.75rem}.auth-brand.motion-paused::before,.auth-brand.motion-paused::after,.auth-brand.motion-paused .auth-orbits{animation-play-state:paused}@keyframes float-cloud{to{transform:translate(100px,70px) scale(1.2)}}@keyframes orbit-drift{to{transform:translate(24px,-18px) scale(1.08)}}@media(max-width:767px){.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:270px;padding:32px 28px 50px}.auth-brand h1{font-size:1.65rem}.auth-brand p{display:none}.auth-logo-plate{max-width:280px;margin:0 auto 20px;padding:4px}.auth-brand h1{margin-bottom:0}.auth-panel{padding:36px 24px}.auth-motion-toggle{bottom:10px}.auth-copyright{margin-top:25px}}@media(prefers-reduced-motion:reduce){.auth-brand::before,.auth-brand::after,.auth-orbits{animation:none}.auth-motion-toggle{display:none}}