.login-page{background:#0a62d6;min-height:100vh;overflow:hidden}.login-shell{background:#0a62d6;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(22rem,.75fr);min-height:100vh;overflow:hidden;width:100%}.login-intro{animation:login-intro-enter 1.08s cubic-bezier(.22,1,.36,1) both;background:linear-gradient(145deg,rgba(98,203,255,.17) 0 33%,transparent 33%),linear-gradient(25deg,transparent 0 47%,rgba(5,46,112,.26) 47% 68%,transparent 68%),linear-gradient(125deg,#0c72df,#063a8d);color:#fff;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:3rem 3.5rem;position:relative}.login-intro:after{border:1px solid rgba(184,226,255,.24);content:"";top:3rem;right:3rem;bottom:3rem;left:3rem;pointer-events:none;position:absolute}.login-brand{align-items:center;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.65rem;letter-spacing:.14em;position:relative;text-decoration:none;width:fit-content;z-index:1}.login-brand:hover{text-decoration:none}.login-brand img{height:2rem;width:2.8rem}.login-copy{margin:auto 0 2rem;max-width:32rem;position:relative;z-index:1}.login-kicker,.login-panel-eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.14em;margin:0 0 .8rem}.login-copy h1{font-size:clamp(2.25rem,4vw,4rem);letter-spacing:-.05em;line-height:.98;margin:0}.login-copy>p:last-child{font-size:1rem;line-height:1.6;margin:1.4rem 0 0;max-width:27rem;opacity:.85}.login-network{bottom:-9rem;opacity:.25;position:absolute;right:-5rem;transform:rotate(-8deg);width:32rem;z-index:-1}.login-network img{display:block;width:100%}.login-progress{display:flex;gap:.45rem;position:relative;z-index:1}.login-progress span{background:#ffffff73;border-radius:50%;height:.45rem;width:.45rem}.login-progress .is-active{background:#fff;width:1.5rem}.login-panel{align-self:center;animation:login-panel-enter 1.17s .2s cubic-bezier(.22,1,.36,1) both;background:#fff;border-radius:1.4rem;box-shadow:0 1.2rem 2.4rem #03214e38;margin:clamp(2rem,5vw,5rem);max-width:27rem;padding:clamp(2.25rem,4vw,3.5rem);width:calc(100% - clamp(4rem,10vw,10rem))}.login-panel-heading{color:#0a2257;margin-bottom:2rem}.login-panel-eyebrow{color:#0a62d6;margin-bottom:.45rem}.login-panel h2{font-size:1.65rem;letter-spacing:-.04em;margin:0}.login-panel-heading p{color:#60708d;font-size:.9rem;margin:.55rem 0 0}.login-form{display:grid;gap:.55rem}.login-form label{color:#30425f;font-size:.78rem;font-weight:700;margin-top:.4rem}.login-form input{background:#f6f9fd;border:1px solid #d8e2f0;border-radius:.65rem;color:#0a2257;padding:.78rem .9rem}.login-form input:focus{border-color:#0a62d6;outline:3px solid rgba(10,98,214,.14);outline-offset:0}.login-form button{background:#0a62d6;border-radius:.65rem;margin-top:1rem;padding:.85rem 1rem}.login-form button:hover{background:#0747a0}.login-error{background:#fff0f0;border-radius:.55rem;color:#b42318;font-size:.82rem;margin:0 0 1rem;padding:.7rem .8rem}.login-return{color:#56709c;display:inline-block;font-size:.82rem;margin-top:1.5rem}@keyframes login-intro-enter{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes login-panel-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.login-intro,.login-panel{animation:none}}@media (max-width: 760px){.login-page{overflow:auto}.login-shell{grid-template-columns:1fr;min-height:100vh}.login-intro{min-height:19rem;padding:2rem}.login-intro:after{top:1.5rem;right:1.5rem;bottom:1.5rem;left:1.5rem}.login-copy{margin-top:auto}.login-copy h1{font-size:2.2rem}.login-copy>p:last-child,.login-progress{display:none}.login-panel{margin:-1rem auto 1.5rem;max-width:calc(100% - 2.5rem);padding:2rem;position:relative;width:calc(100% - 2.5rem);z-index:2}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--radius: .5rem;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.75rem 1.25rem;font-size:1rem;font-weight:500;background-color:var(--color-primary);color:#fff;transition:background-color .2s}button:hover{background-color:var(--color-primary-dark)}button:disabled{opacity:.6;cursor:not-allowed}input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem}input:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.card{background-color:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.nav a{font-weight:600;color:var(--color-text)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.error{color:#dc2626;font-size:.875rem}
