.loginPage{min-height:100vh;display:grid;place-items:center;background:#f4f8fc;padding:24px}.loginCard{width:430px;max-width:90%;background:white;border:1px solid #dfe8f1;border-radius:20px;padding:38px}.loginBrand{margin-bottom:30px}.loginCard form{display:grid;grid-gap:15px;gap:15px}.loginCard input{width:100%}.loginError{color:#a13b3b;padding:10px}.loginFoot{margin-top:26px;padding-top:18px;text-align:center;font-size:11px}.logout{display:block;margin-top:10px;width:100%;background:transparent;border-radius:7px;padding:7px}.loginPage{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(56,189,248,.1),transparent 30%),radial-gradient(circle at 88% 88%,rgba(232,62,140,.07),transparent 28%),#f6f8fc}.loginCard{border:1px solid #e5eaf1;border-radius:22px;padding:40px;box-shadow:0 18px 55px rgba(18,63,109,.1);position:relative;overflow:hidden}.loginCard:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#38bdf8 0 25%,#f4c542 25% 50%,#e83e8c 50% 75%,#16a34a 75% 100%)}.loginCard>small{color:#2563eb;font-weight:800;letter-spacing:1.4px}.loginCard h1{font-size:29px;margin-top:7px}.loginCard>p{color:#6b7d90;line-height:1.5}.loginCard form>button:not(.primary),.loginCard>button{border:1px solid #dce4ed;background:#fff;border-radius:10px;padding:11px;font-weight:700;color:#31516d;cursor:pointer}.loginFoot{color:#7a8b9b;border-color:#edf1f5}.forgotPasswordLink{background:none!important;border:0!important;box-shadow:none!important;color:#2563eb!important;font-weight:750!important;padding:4px 0 10px!important;text-align:right!important;width:100%!important;cursor:pointer}.forgotPasswordLink:hover{text-decoration:underline}.loginSuccess{margin:10px 0;padding:12px 14px;border-radius:10px;background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;font-weight:650;line-height:1.4}.educantayLoginBrand{display:flex;align-items:center;gap:13px;margin-bottom:28px}.educantayLoginBrand img{width:48px;height:48px;object-fit:contain}.educantayLoginBrand>div{display:flex;flex-direction:column}.educantayLoginBrand b{color:#123f6d;font-size:1.08rem;letter-spacing:.09em}.educantayLoginBrand span{color:#718397;font-size:.72rem;font-weight:650;margin-top:3px}.loginCard{width:450px;background:linear-gradient(180deg,#fff,#fdfefe)}.loginCard label>span{font-size:.8rem;font-weight:800;color:#405a72}.loginCard input{min-height:44px;border:1px solid #d8e3ec;border-radius:11px;background:#fbfdff;padding:10px 12px;transition:.15s ease}.loginCard input:focus{outline:none;border-color:#159fd3;box-shadow:0 0 0 3px rgba(21,159,211,.09);background:#fff}.loginCard .primary{min-height:46px;border-radius:11px;font-weight:900;box-shadow:0 6px 16px rgba(18,63,109,.14)}.loginError{border:1px solid #fecaca;background:#fff5f5;border-radius:10px;font-weight:650}.loginCard form>button:not(.primary){transition:.15s ease}.loginCard form>button:not(.primary):hover{background:#f4f8fb;border-color:#cbdbe7}@media(max-width:520px){.loginPage{padding:14px}.loginCard{max-width:100%;padding:30px 23px}.educantayLoginBrand img{width:43px;height:43px}}.educantayLoading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:74px}.educantayLoading img{width:48px;height:48px;object-fit:contain}.educantayLoading>div{display:flex;flex-direction:column}.educantayLoading b{color:#123f6d;letter-spacing:.09em;font-size:1.05rem}.educantayLoading span{color:#72869a;font-size:.78rem;margin-top:4px}.loginCard .educantayLoginBrand{gap:18px!important;margin-bottom:32px!important}.loginCard .educantayLoginBrand img{width:76px!important;height:76px!important}.loginCard .educantayLoginBrand b{font-size:2rem!important;line-height:1!important;font-weight:900!important;letter-spacing:.055em!important}.loginCard .educantayLoginBrand span{font-size:1rem!important;line-height:1.25!important;font-weight:700!important;margin-top:7px!important}@media(max-width:520px){.loginCard .educantayLoginBrand{gap:12px!important}.loginCard .educantayLoginBrand img{width:60px!important;height:60px!important}.loginCard .educantayLoginBrand b{font-size:1.55rem!important}.loginCard .educantayLoginBrand span{font-size:.82rem!important}}.loginCard .educantayLoginBrand{display:block!important;margin-bottom:28px!important}.loginCard .educantayLoginBrand img{width:210px!important;height:132px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;display:block!important}.loginCard .educantayLoginBrand>div{display:none!important}@media(max-width:520px){.loginPage{min-height:100dvh;place-items:start center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow-x:hidden}.loginCard{width:100%;max-width:100%;box-sizing:border-box;padding:30px 23px;overflow:hidden}.loginCard button,.loginCard form,.loginCard input,.loginCard label{min-width:0;max-width:100%;box-sizing:border-box}.forgotPasswordLink{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important;padding:4px 0 10px!important}.loginCard form>button,.loginCard>button{width:100%;max-width:100%}}