:root{--login-navy:#0b2545;--login-ink:#102a43;--login-muted:#62748b;--login-green:#00a878;--login-teal:#16b8a6;--login-violet:#7c6cf2;--login-line:#dce6ef;--login-surface:#fff;--login-bg:#f5f9fc}
html,body{min-height:100%}.auth-layout-body{background:var(--login-bg);margin:0;overflow-x:hidden}.auth-layout-shell{display:block;min-height:100vh;padding:0}.login-experience{display:grid;grid-template-columns:minmax(0,3fr) minmax(480px,2fr);min-height:100vh;color:var(--login-ink)}
.login-story{background:radial-gradient(circle at 14% 72%,rgba(22,184,166,.15),transparent 25rem),radial-gradient(circle at 74% 18%,rgba(124,108,242,.09),transparent 21rem),linear-gradient(145deg,#f9fcff 0%,#edf8f7 100%);border-right:1px solid var(--login-line);display:grid;grid-template-rows:auto auto auto minmax(200px,1fr) auto;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,3.5vw,4rem) clamp(1.5rem,5vw,6.5rem) 1.75rem;position:relative}
.login-story:before,.login-story:after{border:1px solid rgba(0,168,120,.12);border-radius:50%;content:"";height:42rem;position:absolute;right:-17rem;top:9rem;width:42rem;z-index:-1}.login-story:after{height:27rem;right:-8rem;top:16rem;width:27rem}.login-one-motif{color:rgba(16,42,67,.026);font-size:min(74vw,880px);font-weight:900;line-height:.75;pointer-events:none;position:absolute;right:-2rem;top:9rem;transform:rotate(5deg);z-index:-1}
.login-brand{align-items:center;display:flex;gap:1rem;justify-content:space-between}.login-brand img{height:auto;width:clamp(160px,15vw,225px)}.login-brand span{border-left:1px solid var(--login-line);color:var(--login-muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;padding-left:1rem;text-transform:uppercase}
.login-story-copy{margin-top:clamp(2.5rem,7vh,6rem);max-width:680px}.login-kicker{color:var(--login-green)!important;font-size:.72rem!important;font-weight:800;letter-spacing:.11em;margin-bottom:1rem!important;text-transform:uppercase}.login-story-copy h1{font-size:clamp(2.6rem,4.4vw,5.25rem);font-weight:830;letter-spacing:-.055em;line-height:.95;margin:0}.login-story-copy h1 em{color:var(--login-green);font-style:normal}.login-story-copy>p:last-child{color:var(--login-muted);font-size:clamp(.95rem,1.25vw,1.2rem);line-height:1.7;margin:1.35rem 0 0;max-width:560px}
.module-showcase{backdrop-filter:blur(16px);background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 18px 45px rgba(16,42,67,.07);margin-top:2.25rem;max-width:520px;padding:.9rem 1rem .8rem;position:relative;z-index:2}.module-showcase-heading{align-items:center;color:var(--login-muted);display:flex;font-size:.62rem;font-weight:800;justify-content:space-between;letter-spacing:.09em;text-transform:uppercase}.module-slides{height:73px;overflow:hidden;position:relative}.module-slide{align-items:center;display:flex;gap:.9rem;inset:0;opacity:0;position:absolute;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;visibility:hidden}.module-slide.is-active{opacity:1;transform:none;visibility:visible}.module-symbol{align-items:center;background:linear-gradient(135deg,var(--login-navy),#164c70);border:1px solid rgba(255,255,255,.3);border-radius:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;display:flex;font-size:.7rem;font-weight:850;height:45px;justify-content:center;letter-spacing:.06em;width:45px}.module-slide strong{display:block;font-size:1rem}.module-slide p{color:var(--login-muted);font-size:.78rem;margin:.15rem 0 0}.module-progress{background:#e0ebe9;border-radius:99px;height:2px;overflow:hidden}.module-progress i{background:linear-gradient(90deg,var(--login-green),var(--login-teal));display:block;height:100%;transform:scaleX(0);transform-origin:left}.module-progress i.is-running{animation:moduleProgress 5s linear forwards}
.login-illustration{align-items:end;display:flex;justify-content:center;margin:-2.5rem -2rem -1rem;min-height:230px;overflow:hidden;position:relative}.login-illustration:after{background:linear-gradient(0deg,#eff9f7 2%,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.login-illustration img{filter:saturate(.92);height:auto;max-height:390px;max-width:760px;mix-blend-mode:multiply;object-fit:contain;width:100%}.login-story-trust{align-items:center;display:flex;gap:.65rem;position:relative;z-index:2}.trust-shield{align-items:center;background:rgba(0,168,120,.12);border-radius:50%;color:var(--login-green);display:flex;font-size:.7rem;font-weight:900;height:30px;justify-content:center;width:30px}.login-story-trust strong,.login-story-trust small{display:block}.login-story-trust strong{font-size:.73rem}.login-story-trust small{color:var(--login-muted);font-size:.64rem;margin-top:.1rem}
.login-access{align-items:center;background:radial-gradient(circle at 100% 0%,rgba(37,99,235,.07),transparent 23rem),var(--login-bg);display:flex;flex-direction:column;justify-content:center;padding:4.5rem clamp(1.5rem,4vw,5rem) 3.5rem;position:relative}.login-theme-toggle{align-items:center;background:var(--login-surface);border:1px solid var(--login-line);border-radius:999px;color:var(--login-muted);display:flex;font-size:.68rem;font-weight:700;gap:.4rem;padding:.42rem .7rem;position:absolute;right:1.25rem;top:1.25rem}.login-theme-toggle:hover{border-color:var(--login-green);color:var(--login-green)}
.login-card{background:color-mix(in srgb,var(--login-surface) 95%,transparent);border:1px solid var(--login-line);border-radius:24px;box-shadow:0 30px 80px rgba(16,42,67,.11),0 3px 12px rgba(16,42,67,.05);max-width:560px;padding:clamp(1.5rem,3.5vw,3rem);width:100%}.login-card-header{align-items:center;border-bottom:1px solid var(--login-line);display:flex;gap:1rem;margin-bottom:1.6rem;padding-bottom:1.35rem}.login-card-header img{background:#fff;border:1px solid var(--login-line);border-radius:14px;height:58px;object-fit:contain;padding:.4rem;width:58px}.login-card-header p{color:var(--login-green);font-size:.65rem;font-weight:800;letter-spacing:.08em;margin:0 0 .25rem;text-transform:uppercase}.login-card-header h2{font-size:1.75rem;font-weight:820;letter-spacing:-.035em;margin:0}.login-card-header div>span{color:var(--login-muted);display:block;font-size:.78rem;margin-top:.2rem}
.login-form{display:grid;gap:1.05rem}.login-validation:empty{display:none}.login-validation{font-size:.75rem;margin:0}.login-field label{font-size:.73rem;font-weight:750;margin-bottom:.4rem}.login-label-row{align-items:center;display:flex;justify-content:space-between}.login-label-row>span{color:var(--login-muted);cursor:help;font-size:.68rem}.login-input{align-items:center;background:var(--login-surface);border:1px solid var(--login-line);border-radius:11px;display:flex;min-height:48px;transition:border-color .15s,box-shadow .15s}.login-input:focus-within{border-color:var(--login-green);box-shadow:0 0 0 3px rgba(0,168,120,.11)}.login-input>span{color:#8aa0b7;font-size:.68rem;font-weight:800;padding-left:.85rem}.login-input input{background:transparent;border:0;color:var(--login-ink);font-size:.83rem;min-width:0;outline:0;padding:.78rem;width:100%}.login-input input::placeholder{color:#9aabbb}.login-input button{background:transparent;border:0;color:var(--login-muted);font-size:.65rem;font-weight:750;padding:.75rem}.login-field>.text-danger{display:block;font-size:.66rem;margin-top:.25rem}.login-remember{align-items:center;color:var(--login-muted);display:flex;font-size:.72rem;gap:.5rem}.login-remember input{accent-color:var(--login-green);height:15px;width:15px}.login-submit{background:linear-gradient(100deg,#008f68,var(--login-green));border:0;border-radius:11px;box-shadow:0 10px 24px rgba(0,168,120,.2);color:#fff;font-size:.82rem;font-weight:800;min-height:48px;transition:transform .15s,box-shadow .15s}.login-submit:hover{box-shadow:0 14px 28px rgba(0,168,120,.28);transform:translateY(-1px)}.login-submit:focus-visible,.login-theme-toggle:focus-visible,.login-input button:focus-visible{outline:3px solid rgba(0,168,120,.28);outline-offset:2px}
.login-future-auth{border-bottom:1px solid var(--login-line);border-top:1px solid var(--login-line);margin-top:1.35rem;padding:1rem 0}.login-future-auth span{color:var(--login-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-future-auth p{font-size:.7rem;margin:.25rem 0 0}.login-register{font-size:.75rem;margin:1.2rem 0;text-align:center}.login-register a{color:var(--login-green);font-weight:750;text-decoration:none}.login-security{align-items:center;background:color-mix(in srgb,var(--login-green) 7%,var(--login-surface));border:1px solid color-mix(in srgb,var(--login-green) 18%,var(--login-line));border-radius:12px;display:grid;gap:.7rem;grid-template-columns:auto 1fr auto;padding:.75rem}.login-security>span{color:var(--login-green)}.login-security strong,.login-security small{display:block}.login-security strong{font-size:.7rem}.login-security small{color:var(--login-muted);font-size:.62rem;margin-top:.1rem}.login-security>i,.system-online i{background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px rgba(34,197,94,.1);height:7px;width:7px}.login-footer{bottom:1rem;color:var(--login-muted);display:flex;font-size:.62rem;gap:1rem;justify-content:space-between;left:1.5rem;position:absolute;right:1.5rem}.login-footer nav{display:flex;gap:1rem}.login-footer a{color:inherit;text-decoration:none}.system-online{align-items:center;display:flex;gap:.4rem}
[data-bs-theme=dark]{--login-ink:#e5eef7;--login-muted:#93a8bb;--login-line:#243c52;--login-surface:#10263a;--login-bg:#081a2a}.auth-layout-body[data-bs-theme=dark]{background:var(--login-bg)}[data-bs-theme=dark] .login-story{background:radial-gradient(circle at 14% 72%,rgba(0,168,120,.17),transparent 25rem),radial-gradient(circle at 74% 18%,rgba(124,108,242,.12),transparent 21rem),linear-gradient(145deg,#0b2135,#0a1d2d)}[data-bs-theme=dark] .login-one-motif{color:rgba(255,255,255,.025)}[data-bs-theme=dark] .module-showcase{background:rgba(16,38,58,.74);border-color:rgba(255,255,255,.07)}[data-bs-theme=dark] .login-illustration img{filter:brightness(.7) saturate(.8);mix-blend-mode:screen;opacity:.7}[data-bs-theme=dark] .login-illustration:after{background:linear-gradient(0deg,#0a1f31 2%,transparent 50%)}[data-bs-theme=dark] .login-card-header img{background:#f8fafc}
@keyframes moduleProgress{to{transform:scaleX(1)}}
@media(max-width:1180px){.login-experience{grid-template-columns:1fr 470px}.login-story{padding-left:3rem;padding-right:3rem}.login-brand span{display:none}.login-illustration{margin-top:-1rem}}
@media(max-width:900px){.login-experience{display:block}.login-story{grid-template-rows:auto auto auto;min-height:auto;padding:1.5rem 2rem 2.25rem}.login-story-copy{margin-top:2rem}.login-story-copy h1{font-size:3rem}.login-story-copy>p:last-child{margin-top:.8rem}.login-illustration,.login-story-trust{display:none}.module-showcase{margin-top:1.5rem}.login-access{min-height:680px;padding:4.5rem 1.25rem}.login-footer{position:absolute}}
@media(max-width:560px){.login-story{padding:1.2rem}.login-brand img{width:150px}.login-story-copy h1{font-size:2.4rem}.login-story-copy>p:last-child{font-size:.85rem}.module-showcase{border-radius:14px}.login-access{justify-content:flex-start;min-height:720px;padding:4.5rem .85rem}.login-card{border-radius:18px;padding:1.25rem}.login-card-header img{height:48px;width:48px}.login-card-header h2{font-size:1.45rem}.login-footer{align-items:center;flex-direction:column;gap:.35rem;text-align:center}.login-footer nav{gap:.7rem}}
@media(prefers-reduced-motion:reduce){.module-slide,.login-submit{transition:none}.module-progress i.is-running{animation:none;transform:scaleX(1)}}