.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:#eef3f9;color:#172033}.login-page svg{display:block;fill:currentColor}.login-shell{width:min(100%,1040px);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;background:#fff;border:1px solid #dde5ef;border-radius:28px;box-shadow:0 30px 80px rgba(30,64,110,.15)}
.login-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#fff;background:linear-gradient(145deg,#102a56 0%,#174ca4 58%,#2877df 100%);isolation:isolate}.login-intro::before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-130px;top:-130px;border-radius:50%;border:70px solid rgba(255,255,255,.06)}.login-intro::after{content:"";position:absolute;z-index:-1;width:230px;height:230px;left:-100px;bottom:-95px;border-radius:50%;background:rgba(255,255,255,.05)}
.login-brand,.login-mobile-brand{display:flex;align-items:center;gap:.8rem;font-size:1.08rem;font-weight:760;letter-spacing:-.01em}.login-brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.login-brand-icon svg{width:25px;height:25px}.login-intro-copy{max-width:480px;margin:auto 0}.login-badge{width:max-content;display:flex;align-items:center;gap:.45rem;padding:.42rem .72rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.login-badge svg{width:15px;height:15px}
.login-intro h1{max-width:440px;margin:1.25rem 0 1rem;font-size:clamp(2.15rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.045em}.login-intro-copy>p{max-width:440px;margin:0;color:#dceaff;font-size:1.03rem;line-height:1.75}.login-security-note{display:flex;align-items:center;gap:.65rem;color:#dceaff;font-size:.84rem}.login-security-note svg{width:19px;height:19px;color:#93c5fd}
.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.login-mobile-brand{display:none;color:#173b73;margin-bottom:2.3rem}.login-mobile-brand .login-brand-icon{background:#2563eb}.login-heading{display:flex;align-items:center;gap:.9rem}.login-heading-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#2563eb;background:#eff6ff}.login-heading-icon svg{width:23px;height:23px}.login-kicker{margin:0 0 .12rem;color:#2563eb;font-size:.72rem;font-weight:780;letter-spacing:.1em;text-transform:uppercase}.login-heading h2{margin:0;color:#172033;font-size:1.8rem;letter-spacing:-.025em}.login-subtitle{margin:.85rem 0 1.6rem;color:#64748b;font-size:.92rem}
.login-alert{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:1.25rem;padding:.8rem .9rem;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:12px;font-size:.87rem}.login-alert svg{width:18px;height:18px;flex:0 0 auto;margin-top:.08rem}.login-form{display:grid}.login-form>label,.login-label-row label{color:#344054;font-size:.84rem;font-weight:700}.login-label-row{display:flex;justify-content:space-between;margin-top:1.05rem}.login-input-wrap{position:relative;margin-top:.42rem}.login-input-wrap>svg{position:absolute;left:.95rem;top:50%;width:19px;height:19px;transform:translateY(-50%);color:#98a2b3;pointer-events:none}.login-input-wrap input{width:100%;height:48px;padding:0 2.9rem 0 2.85rem;border:1px solid #d0d8e4;border-radius:12px;outline:0;background:#fff;color:#172033;font:inherit;font-size:.92rem;transition:border-color .18s,box-shadow .18s}.login-input-wrap input::placeholder{color:#98a2b3}.login-input-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.password-toggle{position:absolute;right:.45rem;top:50%;display:grid;place-items:center;width:38px;height:38px;padding:0;transform:translateY(-50%);color:#667085;background:transparent;border-radius:9px}.password-toggle:hover{color:#2563eb;background:#eff6ff}.password-toggle svg{width:19px;height:19px}.login-submit{height:49px;display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:1.45rem;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 9px 20px rgba(37,99,235,.22);transition:transform .16s,box-shadow .16s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(37,99,235,.3)}.login-submit:active{transform:translateY(0)}.login-submit svg{width:18px;height:18px}
.login-divider{display:flex;align-items:center;gap:.8rem;margin:1.35rem 0;color:#98a2b3;font-size:.75rem}.login-divider::before,.login-divider::after{content:"";height:1px;flex:1;background:#e4e7ec}.login-public-link{height:46px;display:flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid #d0d8e4;border-radius:12px;color:#344054;font-size:.88rem;font-weight:680;transition:color .16s,border-color .16s,background .16s}.login-public-link:hover{color:#1d4ed8;border-color:#93b4eb;background:#f8fbff}.login-public-link svg{width:18px;height:18px;color:#2563eb}.login-help{margin:1.25rem 0 0;text-align:center;color:#98a2b3;font-size:.76rem}
@media(max-width:820px){.login-page{padding:1rem;background:#f5f7fb}.login-shell{display:block;width:min(100%,480px);min-height:auto;border-radius:22px}.login-intro{display:none}.login-panel{padding:2.1rem}.login-mobile-brand{display:flex}.login-heading-icon{width:44px;height:44px}.login-heading h2{font-size:1.65rem}}
@media(max-width:420px){.login-page{padding:0;background:#fff}.login-shell{min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-panel{min-height:100vh;padding:1.5rem}.login-mobile-brand{margin-bottom:2.7rem}}
@media(prefers-reduced-motion:reduce){.login-submit,.login-input-wrap input,.login-public-link{transition:none}}
.login-brand-logo{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(31,10,66,.24)}.login-brand-logo img{width:100%;height:100%;display:block;object-fit:contain}.login-brand>span:last-child{display:grid;line-height:1.25}.login-brand>span:last-child small{max-width:270px;margin-top:.25rem;color:#ede9fe;font-size:.62rem;font-weight:550;letter-spacing:.01em}.login-mobile-brand .login-brand-logo{width:48px;height:48px}.login-mobile-brand>span:last-child{line-height:1.2}

/* Purple application theme */
.login-intro{background:linear-gradient(145deg,#2e1065 0%,#5b21b6 58%,#8b5cf6 100%)}.login-mobile-brand{color:#5b21b6}.login-mobile-brand .login-brand-icon{background:#7c3aed}.login-heading-icon{color:#7c3aed;background:#f5f3ff}.login-kicker{color:#7c3aed}.login-input-wrap input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.14)}.password-toggle:hover{color:#7c3aed;background:#f5f3ff}.login-submit{background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 9px 20px rgba(124,58,237,.24)}.login-submit:hover{box-shadow:0 12px 26px rgba(124,58,237,.32)}.login-public-link:hover{color:#6d28d9;border-color:#c4b5fd;background:#faf5ff}.login-public-link svg{color:#7c3aed}