.login-page{--u:min(calc(100vw / 1728), calc(100vh / 1117));--login-navy:#043077;--login-blue:#0759dd;--login-glow:0 0 calc(20 * var(--u)) #0759dd;min-height:100dvh;padding:calc(30 * var(--u));background:var(--login-navy);display:flex;overflow:hidden}.login-frame{min-height:calc(1057 * var(--u));flex:1;position:relative}.login-hero{border-radius:calc(30 * var(--u)) 0 0 calc(30 * var(--u));background:linear-gradient(180deg, var(--login-navy) 66.34%, var(--login-blue) 100%);width:51.32%;box-shadow:var(--login-glow);color:#fff;border:1px solid #888;position:absolute;inset:0 auto 0 0;overflow:hidden}.login-hero-leaf{right:calc(21 * var(--u));bottom:calc(9 * var(--u));width:calc(674 * var(--u));height:calc(899 * var(--u));opacity:.6;pointer-events:none;position:absolute}.login-brand{left:calc(47 * var(--u));top:calc(30 * var(--u));display:flex;position:absolute}.login-brand img{height:calc(42 * var(--u));width:auto}.login-hero-title{left:calc(46 * var(--u));top:calc(186 * var(--u));font-size:calc(98 * var(--u));letter-spacing:-.01em;margin:0;font-weight:600;line-height:1;position:absolute}.login-hero-tagline{left:calc(50 * var(--u));top:calc(330 * var(--u));font-size:calc(50 * var(--u));font-style:italic;font-weight:400;line-height:calc(62 * var(--u));margin:0;position:absolute}.login-hero-footer{left:calc(47 * var(--u));bottom:calc(28 * var(--u));font-size:calc(20 * var(--u));font-weight:500;line-height:calc(27 * var(--u));margin:0;position:absolute}.login-panel{border-radius:0 calc(30 * var(--u)) calc(30 * var(--u)) 0;width:50.06%;box-shadow:var(--login-glow);color:#000;background:linear-gradient(#fff 0%,#ebebeb 49.52%);border:1px solid #888;position:absolute;inset:0 0 0 auto}.login-theme{top:calc(58 * var(--u));right:calc(74 * var(--u));align-items:center;gap:calc(5 * var(--u));cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute}.login-theme>svg{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--login-navy)}.login-theme-track{width:calc(68 * var(--u));height:calc(32 * var(--u));background:linear-gradient(#fff 0%,#ebebeb 100%);border:1px solid #8888884d;border-radius:999px;position:relative}.login-theme-knob{top:calc(1 * var(--u));right:calc(1 * var(--u));width:calc(29 * var(--u));height:calc(28 * var(--u));box-shadow:0 0 calc(15 * var(--u)) #38bdf8;background:#38bdf8;border-radius:999px;transition:transform .25s;position:absolute}.login-content{left:calc((100% - 656 * var(--u)) * .57);top:max(calc(146 * var(--u)), calc((100% - 860 * var(--u)) * .5));width:calc(656 * var(--u));position:absolute}.login-content h1{font-size:calc(44 * var(--u));letter-spacing:-.005em;margin:0;font-weight:600;line-height:1}.login-subtitle{margin:calc(14 * var(--u)) 0 0;font-size:calc(24 * var(--u));font-weight:400;line-height:calc(31 * var(--u));opacity:.8}.login-content .error-banner{margin:calc(20 * var(--u)) 0 calc(-20 * var(--u));font-size:calc(18 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));border-radius:calc(12 * var(--u))}.login-content form{margin-top:calc(60 * var(--u))}.login-content .field{margin-bottom:calc(30 * var(--u))}.login-content .field:has(.password-field){margin-bottom:0}.login-content .field label{margin:0 0 calc(10 * var(--u)) calc(10 * var(--u));font-size:calc(29 * var(--u));font-weight:600;line-height:1}.login-content .field input{height:calc(66 * var(--u));padding:0 calc(30 * var(--u));border-radius:calc(20 * var(--u));color:#000;font:inherit;font-size:calc(24 * var(--u));background:#fff;border:1px solid #1e1e1e80}.login-content .field input::placeholder{color:#888;opacity:1}.login-content .field input:focus{border-color:var(--login-blue);box-shadow:0 0 0 calc(3 * var(--u)) #0759dd33;outline:none}.login-content .password-field input{padding-right:calc(90 * var(--u))}.login-content .toggle-password{width:calc(90 * var(--u));justify-content:center;align-items:center;display:flex}.login-content .toggle-password svg{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#6c6c6c}.login-forgot{margin-top:calc(11 * var(--u));padding-right:calc(17 * var(--u));text-align:right;line-height:1}.login-forgot a{color:var(--login-blue);font-size:calc(20 * var(--u));font-weight:600;text-decoration:none}.login-forgot a:hover{text-decoration:underline}.login-submit,.login-google{width:100%;height:calc(67 * var(--u));border-radius:calc(20 * var(--u));font:inherit;font-size:calc(30 * var(--u));cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.login-submit{margin-top:calc(44 * var(--u));border:1px solid var(--login-navy);background:var(--login-navy);color:#fff}.login-submit:hover{background:#06398c}.login-submit svg{right:calc(25 * var(--u));width:calc(35 * var(--u));height:calc(31 * var(--u));color:#f5f5f5;position:absolute}.login-divider{justify-content:center;align-items:center;gap:calc(22 * var(--u));margin:calc(27 * var(--u)) 0 calc(24 * var(--u));font-size:calc(18 * var(--u));color:#1e1e1e;font-weight:600;line-height:1;display:flex}.login-divider:before,.login-divider:after{content:"";width:calc(150 * var(--u));border-top:1px solid #000}.login-google{gap:calc(17 * var(--u));color:#000;background:#ebebeb;border:1px solid #000}.login-google:hover{background:#e2e2e2}.login-google svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}.login-restricted{margin:calc(93 * var(--u)) 0 0;text-align:center;font-size:calc(20 * var(--u));color:#888;font-weight:500}.login-panel,.login-content h1,.login-content .field input,.login-google,.login-divider,.login-theme-track{transition:background .25s,color .25s,border-color .25s}.login-page[data-theme=dark]{--login-navy:#021a45}.login-page[data-theme=dark] .login-theme-knob{transform:translateX(calc(-37 * var(--u)))}.login-page[data-theme=dark] .login-theme-track{background:linear-gradient(#1c2640 0%,#111a2e 100%);border-color:#ffffff26}.login-page[data-theme=dark] .login-theme>svg{color:#cbd5e1}.login-page[data-theme=dark] .login-panel{color:#f1f5f9;background:linear-gradient(#111a2e 0%,#0b1220 49.52%);border-color:#2a3550}.login-page[data-theme=dark] .login-content .field input{color:#f1f5f9;background:#0f1729;border-color:#fff3}.login-page[data-theme=dark] .login-content .field input::placeholder{color:#7c879b}.login-page[data-theme=dark] .login-content .toggle-password svg{color:#94a3b8}.login-page[data-theme=dark] .login-forgot a{color:#5b9bff}.login-page[data-theme=dark] .login-submit{background:var(--login-blue);border-color:var(--login-blue)}.login-page[data-theme=dark] .login-submit:hover{background:#0a4fc4}.login-page[data-theme=dark] .login-divider{color:#cbd5e1}.login-page[data-theme=dark] .login-divider:before,.login-page[data-theme=dark] .login-divider:after{border-color:#ffffff59}.login-page[data-theme=dark] .login-google{color:#f1f5f9;background:#172036;border-color:#ffffff59}.login-page[data-theme=dark] .login-google:hover{background:#1e2944}.login-page[data-theme=dark] .login-restricted{color:#7c879b}@media (max-width:900px){.login-page{--u:.62px;padding:16px;overflow:visible}.login-frame{flex-direction:column;min-height:0;display:flex}.login-hero,.login-panel,.login-theme,.login-content{width:auto;position:relative;inset:auto}.login-hero{border-radius:20px 20px 0 0;padding:20px}.login-hero-leaf,.login-hero-title,.login-hero-tagline,.login-hero-footer{display:none}.login-brand{position:static}.login-panel{border-radius:0 0 20px 20px;flex:1;padding:24px 20px 32px}.login-theme{justify-content:flex-end;margin-bottom:24px}.login-content h1{font-size:26px}.login-subtitle{font-size:16px;line-height:1.4}.login-subtitle br{display:none}.login-content .error-banner{font-size:14px}.login-content .field label{font-size:17px}.login-content .field input{font-size:16px}.login-submit,.login-google{font-size:18px}.login-forgot a,.login-restricted{font-size:14px}.login-restricted{margin-top:40px}}