@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.login-page[data-v-cedda3fb]{--login-bg:#193440;--login-surface:#143440;--login-input:#1b3f4d;--login-border:#305362;--login-text:#e8efff;--login-muted:#aac0ce;--login-accent:#53d5c6;--login-blue:#79b5ff;--login-violet:#8a83ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--login-text);background:radial-gradient(at 85% 15%,#76829255,#0000 50%),radial-gradient(at 10% 90%,#24627440,#0000 50%),linear-gradient(125deg,#112c38,#344b59 60%,#243b49);min-height:100dvh;padding:clamp(18px,3vw,44px)}.login-page[data-template=midnight][data-v-cedda3fb]{--login-bg:#04172c;--login-surface:#082039;--login-input:#102d4c;--login-border:#254a70;--login-text:#eaf3ff;--login-muted:#aac0dc;--login-accent:#60d9f1;--login-blue:#75baff;--login-violet:#a48aff;background:radial-gradient(at 10% 10%,#4b28954d,#0000 50%),radial-gradient(at 90% 95%,#08738c33,#0000 55%),#04172c}.login-layout[data-v-cedda3fb]{border:1px solid var(--login-border);background:var(--login-surface);border-radius:26px;grid-template-columns:1.08fr 1fr;max-width:1120px;min-height:620px;box-shadow:0 28px 80px #020d2840,inset 0 1px #ffffff08}.brand-panel[data-v-cedda3fb]{border-right:1px solid var(--login-border);background:radial-gradient(at 0 0,#486d873b,#0000 65%),radial-gradient(at 100% 100%,#237c8038,#0000 60%),linear-gradient(145deg,#173e4a,#102c39);gap:30px;padding:34px 38px;position:relative;overflow:hidden}[data-template=midnight] .brand-panel[data-v-cedda3fb]{background:radial-gradient(at 0 0,#6d37e84d,#0000 65%),radial-gradient(at 100% 100%,#087db544,#0000 60%),linear-gradient(145deg,#15275a,#071d35)}.brand-panel[data-v-cedda3fb]:after{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:50%;width:300px;height:300px;position:absolute;top:35%;right:-195px;box-shadow:0 0 0 40px #ffffff03,0 0 0 80px #ffffff02}.brand-panel[data-v-cedda3fb]>*{z-index:1;position:relative}.brand[data-v-cedda3fb]{gap:12px}.school-logo[data-v-cedda3fb]{object-fit:contain;flex-shrink:0;width:40px;height:44px;display:block}.brand strong[data-v-cedda3fb]{letter-spacing:-.6px;color:var(--login-text);font-size:23px}.brand span[data-v-cedda3fb]{color:var(--login-muted);font-size:11px}.eyebrow[data-v-cedda3fb]{letter-spacing:1.8px;color:var(--login-accent);background:#53d5c609;border:1px solid #53d5c626;border-radius:20px;padding:8px 11px;font-size:9px;display:inline-flex}.status-dot[data-v-cedda3fb]{background:var(--login-accent);width:6px;height:6px;box-shadow:0 0 0 4px #53d5c60c}.brand-content h1[data-v-cedda3fb]{letter-spacing:-1.1px;color:var(--login-text);margin:20px 0 17px;font-size:clamp(29px,3vw,39px);line-height:1.3}.brand-content h1 span[data-v-cedda3fb]{color:var(--login-accent)}.brand-content p[data-v-cedda3fb]{color:var(--login-muted);max-width:420px;margin:0;font-size:12px;line-height:1.85}.features[data-v-cedda3fb]{gap:10px;margin-top:24px}.feature[data-v-cedda3fb]{color:var(--login-text);background:#ffffff03;border:1px solid #ffffff09;border-radius:12px;gap:12px;padding:11px 13px;font-size:11px}.feature svg[data-v-cedda3fb]{color:var(--login-accent);flex-shrink:0;width:19px;height:19px}.feature:nth-child(2) svg[data-v-cedda3fb]{color:var(--login-blue)}.feature:nth-child(3) svg[data-v-cedda3fb]{color:var(--login-violet)}.brand-footer[data-v-cedda3fb]{color:var(--login-muted);font-size:10px}.form-panel[data-v-cedda3fb]{background:linear-gradient(155deg,#ffffff03,transparent 65%),var(--login-surface);flex-direction:column;gap:28px;padding:40px clamp(26px,4vw,55px) 26px;display:flex}.form-container[data-v-cedda3fb]{max-width:380px;margin:auto 0}.login-symbol[data-v-cedda3fb]{width:54px;height:54px;color:var(--login-accent);background:linear-gradient(135deg,#53d5c61f,#79b5ff0c);border:1px solid #53d5c62a;border-radius:17px;margin-bottom:23px;box-shadow:inset 0 1px #ffffff0c,0 7px 20px #0000000a}.form-heading h2[data-v-cedda3fb]{color:var(--login-text);letter-spacing:-.6px;margin-bottom:10px;font-size:27px}.form-heading p[data-v-cedda3fb]{color:var(--login-muted);margin:0 0 27px;font-size:12px;line-height:1.8}.field[data-v-cedda3fb]{margin-bottom:19px}.field label[data-v-cedda3fb]{color:var(--login-text);margin-bottom:9px;font-size:11px;font-weight:600}.input-wrap[data-v-cedda3fb]{border:1px solid var(--login-border);background:var(--login-input);height:50px;color:var(--login-blue);border-radius:12px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s}.input-wrap[data-v-cedda3fb]:hover{border-color:color-mix(in srgb,var(--login-blue) 50%,var(--login-border))}.input-wrap[data-v-cedda3fb]:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-accent) 12%,transparent)}.input-wrap input[data-v-cedda3fb]{height:100%;color:var(--login-text);caret-color:var(--login-accent);font-size:12px}.input-wrap input[data-v-cedda3fb]::placeholder{color:#92adbc}.input-wrap input[data-v-cedda3fb]:-webkit-autofill{-webkit-text-fill-color:var(--login-text);-webkit-box-shadow:0 0 0 1000px var(--login-input) inset;caret-color:var(--login-accent)}.toggle-password[data-v-cedda3fb]{width:30px;height:32px;color:var(--login-muted);border-radius:8px;flex-shrink:0;padding:0;transition:background .18s,color .18s}.toggle-password[data-v-cedda3fb]:hover{color:var(--login-accent);background:#ffffff08}.login-button[data-v-cedda3fb]{color:#082d39;background:linear-gradient(110deg,#35bcbb,#4299c1);border:1px solid #7ce1db40;border-radius:12px;height:49px;margin-top:8px;font-size:12px;transition:filter .18s,transform .18s,box-shadow .18s;box-shadow:0 6px 20px #0a1c3026,inset 0 1px #ffffff25}[data-template=midnight] .login-button[data-v-cedda3fb]{color:#071c35;background:linear-gradient(110deg,#3ba9ec,#8c79ed);border-color:#99beff50}.login-button[data-v-cedda3fb]:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 8px 24px #23abc124}.login-button[data-v-cedda3fb]:active:not(:disabled){transform:translateY(0)scale(.99)}.login-button[data-v-cedda3fb]:disabled{opacity:.6}.error-message[data-v-cedda3fb]{color:#ffb9c9;background:#ef789712;border:1px solid #ef78973b;border-radius:10px;padding:11px 13px;font-size:11px;line-height:1.7}.security-note[data-v-cedda3fb]{color:var(--login-muted);margin-top:23px;font-size:10px;line-height:1.6}.security-note svg[data-v-cedda3fb]{color:var(--login-accent)}.form-footer[data-v-cedda3fb]{color:var(--login-muted);text-align:center;font-size:10px;line-height:1.6;position:static}.mobile-brand[data-v-cedda3fb]{display:none}button[data-v-cedda3fb]:focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}@media (width>=801px) and (height<=760px){.login-page[data-v-cedda3fb]{padding:20px}.login-layout[data-v-cedda3fb]{min-height:580px}.brand-panel[data-v-cedda3fb]{gap:24px;padding:28px 32px}.form-panel[data-v-cedda3fb]{gap:20px;padding:28px 38px 22px}.brand-content h1[data-v-cedda3fb]{margin-block:16px;font-size:34px}.features[data-v-cedda3fb]{margin-top:20px}.login-symbol[data-v-cedda3fb]{width:48px;height:48px;margin-bottom:18px}}@media (width<=800px){.login-page[data-v-cedda3fb]{padding:20px 16px}.login-layout[data-v-cedda3fb]{border-radius:22px;grid-template-columns:1fr;max-width:540px;min-height:auto}.brand-panel[data-v-cedda3fb]{border-right:0;border-bottom:1px solid var(--login-border);gap:24px;padding:26px;display:flex}.brand-content h1[data-v-cedda3fb]{font-size:30px}.brand-content p[data-v-cedda3fb]{max-width:none}.features[data-v-cedda3fb]{gap:8px;margin-top:18px}.feature[data-v-cedda3fb]{font-size:11px}.form-panel[data-v-cedda3fb]{gap:25px;padding:30px 26px 23px}.form-container[data-v-cedda3fb]{max-width:none}.form-footer[data-v-cedda3fb]{position:static}.login-symbol[data-v-cedda3fb]{width:46px;height:46px;margin-bottom:19px}.form-heading h2[data-v-cedda3fb]{font-size:25px}}@media (width<=380px){.login-page[data-v-cedda3fb]{padding:12px}.brand-panel[data-v-cedda3fb],.form-panel[data-v-cedda3fb]{padding-inline:20px}.brand-content h1[data-v-cedda3fb]{letter-spacing:-.7px;font-size:27px}}@media (prefers-reduced-motion:reduce){[data-v-cedda3fb],[data-v-cedda3fb]:before,[data-v-cedda3fb]:after{transition:none!important;animation:none!important}.login-button[data-v-cedda3fb]:hover:not(:disabled),.login-button[data-v-cedda3fb]:active:not(:disabled){transform:none}}@media (width<=600px){.login-page[data-v-cedda3fb]{padding:12px}.brand-panel[data-v-cedda3fb]{gap:12px;padding:18px}.brand-content h1[data-v-cedda3fb]{margin:10px 0;font-size:24px}.brand-content p[data-v-cedda3fb]{font-size:12px}.features[data-v-cedda3fb]{gap:6px;margin-top:12px}.form-panel[data-v-cedda3fb]{gap:16px;padding:22px 20px}.form-heading h2[data-v-cedda3fb]{font-size:22px}.brand-panel img[data-v-cedda3fb]{max-width:42px;height:auto}.login-symbol[data-v-cedda3fb]{width:36px;height:36px;margin-bottom:12px}.login-page[data-v-cedda3fb]{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:12px;display:flex}.login-layout[data-v-cedda3fb]{border-radius:20px;grid-template-columns:minmax(0,1fr);width:100%;max-width:420px;min-height:0}.brand-panel[data-v-cedda3fb]{display:none}.form-panel[data-v-cedda3fb]{border-radius:inherit;gap:14px;min-width:0;padding:22px}.form-container[data-v-cedda3fb]{width:100%;max-width:none;margin:0}.mobile-brand[data-v-cedda3fb]{justify-content:flex-start;align-items:center;gap:11px;margin:0 0 18px;display:flex}.mobile-brand img[data-v-cedda3fb]{object-fit:contain;flex-shrink:0;width:34px;height:38px}.mobile-brand strong[data-v-cedda3fb]{color:var(--login-text);font-size:18px;line-height:1.3;display:block}.mobile-brand span[data-v-cedda3fb]{color:var(--login-muted);margin-top:3px;font-size:11px;display:block}.login-symbol[data-v-cedda3fb]{display:none}.form-heading h2[data-v-cedda3fb]{margin:0 0 6px;font-size:21px}.form-heading p[data-v-cedda3fb]{margin:0 0 16px;font-size:11px;line-height:1.5}.field[data-v-cedda3fb]{margin-bottom:12px}.field label[data-v-cedda3fb]{margin-bottom:6px;font-size:11px}.input-wrap[data-v-cedda3fb]{border-radius:10px;height:44px;padding:0 11px}.input-wrap input[data-v-cedda3fb]{min-width:0;font-size:16px}.login-button[data-v-cedda3fb]{height:44px;margin-top:2px;font-size:12px}.security-note[data-v-cedda3fb]{margin-top:14px;font-size:9px}.form-footer[data-v-cedda3fb]{font-size:9px}}@media (width<=600px) and (height<=500px){.login-page[data-v-cedda3fb]{padding:8px 12px}.form-panel[data-v-cedda3fb]{gap:8px;padding:16px 20px}.mobile-brand[data-v-cedda3fb]{margin-bottom:12px}.form-heading p[data-v-cedda3fb]{display:none}.form-heading h2[data-v-cedda3fb]{margin-bottom:12px;font-size:18px}.security-note[data-v-cedda3fb]{display:none}.form-footer[data-v-cedda3fb]{font-size:8px}}:root{color:#152a40;font-synthesis:none;background:#f4f8fb;font-family:Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.login-page{background:radial-gradient(circle at 10% 15%,#d9f3f1 0,#0000 35%),linear-gradient(135deg,#edf4f9,#f9fcfe);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-layout{background:#fff;border-radius:24px;grid-template-columns:1.05fr 1fr;width:100%;max-width:1160px;min-height:660px;display:grid;overflow:hidden;box-shadow:0 25px 70px #132b451f}.brand-panel{color:#fff;background:radial-gradient(circle at 85% 85%,#146c76 0,#0000 42%),linear-gradient(150deg,#102d4c,#091a30);flex-direction:column;justify-content:space-between;padding:44px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{background:#087e87;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.brand strong{font-size:23px;display:block}.brand span{color:#9fb9ca;font-size:12px}.eyebrow{color:#7de4d7;letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#55dbc6;border-radius:50%;width:8px;height:8px}.brand-content h1{letter-spacing:-1.5px;margin:22px 0;font-size:clamp(30px,3.3vw,43px);line-height:1.3}.brand-content h1 span{color:#65d9ce;display:block}.brand-content p{color:#b4c9d8;max-width:440px;font-size:14px;line-height:1.85}.features{gap:18px;margin-top:34px;display:grid}.feature{color:#d8e9f1;align-items:center;gap:13px;font-size:13px;display:flex}.feature svg{color:#65d9ce}.brand-footer{color:#799caf;font-size:11px}.form-panel{justify-content:center;align-items:center;padding:65px 65px 55px;display:flex;position:relative}.form-container{width:100%;max-width:390px}.login-symbol{color:#07858a;background:#e6f6f5;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:27px;display:grid}.form-heading h2{color:#122d48;margin:0 0 12px;font-size:28px}.form-heading p{color:#8192a3;margin-bottom:32px;font-size:13px;line-height:1.8}.field{margin-bottom:21px}.field label{margin-bottom:10px;font-size:12px;font-weight:700;display:block}.input-wrap{color:#90a1b1;border:1px solid #e0e8ef;border-radius:11px;align-items:center;gap:11px;height:51px;padding:0 15px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:#0d9697;box-shadow:0 0 0 3px #0d96971a}.input-wrap input{color:#17324c;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.input-wrap input::placeholder{color:#a6b4c1}.toggle-password{color:#91a4b3;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.login-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#087f87,#0a9994);border:none;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;margin-top:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.login-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.login-button:disabled{opacity:.65;cursor:not-allowed}.error-message{color:#c43f4d;background:#fff0f0;border-radius:9px;margin-bottom:14px;padding:12px;font-size:12px}.security-note{color:#91a2b0;text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:27px;font-size:11px;display:flex}.security-note svg{color:#159b96;flex-shrink:0}.form-footer{color:#a2b0bc;font-size:11px;position:absolute;bottom:25px}.mobile-brand{display:none}@media (width<=800px){.login-page{padding:16px}.login-layout{grid-template-columns:1fr;max-width:520px;min-height:auto}.brand-panel{display:none}.form-panel{padding:42px 28px 75px}.mobile-brand{color:#087f87;align-items:center;gap:10px;margin-bottom:35px;font-size:22px;display:flex}.form-footer{bottom:22px}}@media (width<=380px){.form-panel{padding-left:20px;padding-right:20px}}