.auth-body{min-height:100vh;margin:0;background:#eaf0f7;color:#102a43}.login-page{min-height:100vh;display:grid;place-items:center;padding:clamp(18px,3vw,44px);overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.9),transparent 28%),radial-gradient(circle at 88% 88%,rgba(202,218,232,.7),transparent 34%),#eaf0f7}.login-shell{position:relative;width:min(1180px,100%);min-height:min(760px,calc(100vh - 56px));display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);grid-template-rows:auto 1fr auto;grid-template-areas:"brand card" "story card" "stats card";column-gap:clamp(40px,7vw,104px);row-gap:28px;padding:clamp(34px,5vw,72px);border:1px solid rgba(255,255,255,.95);border-radius:34px;background:linear-gradient(145deg,rgba(250,252,255,.92),rgba(227,235,244,.82));box-shadow:22px 22px 55px rgba(126,145,166,.26),-18px -18px 48px rgba(255,255,255,.95),inset 1px 1px 1px #fff;isolation:isolate}.login-brand{grid-area:brand;display:flex;align-items:center;gap:15px;z-index:2}.login-logo{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#1596a8,#056779);color:#fff;font-size:19px;font-weight:900;box-shadow:9px 9px 18px rgba(75,112,126,.28),-7px -7px 16px #fff}.login-logo img{width:100%;height:100%;object-fit:contain;border-radius:16px}.login-brand>span:last-child{display:grid;gap:3px}.login-brand strong{font-size:15px;letter-spacing:.09em;text-transform:uppercase}.login-brand small{max-width:250px;color:#53708b;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.login-story{grid-area:story;align-self:center;max-width:520px;z-index:2}.login-kicker{margin:0 0 12px;color:#087e8b;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.login-story h1{max-width:500px;margin:0 0 19px;font-size:clamp(36px,4vw,57px);line-height:1.08;letter-spacing:-.045em}.login-story>p:not(.login-kicker){max-width:470px;margin:0;color:#61758b;font-size:15px;line-height:1.75}.login-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.login-benefits article{display:flex;align-items:center;gap:13px;min-height:92px;padding:17px;border-radius:17px;background:linear-gradient(145deg,#f8fbff,#e3eaf2);box-shadow:9px 9px 19px rgba(129,147,166,.22),-9px -9px 20px rgba(255,255,255,.92)}.login-benefits article>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#daf2f5;color:#087e8b;font-size:18px;font-weight:900}.login-benefits article div{display:grid;gap:4px}.login-benefits strong{font-size:13px}.login-benefits small{color:#6a7e92;font-size:10px;line-height:1.45}
.login-card{grid-area:card;align-self:center;z-index:3;padding:clamp(32px,4vw,54px);border:1px solid rgba(255,255,255,.96);border-radius:31px;background:linear-gradient(145deg,rgba(250,252,255,.94),rgba(228,235,243,.9));box-shadow:18px 18px 42px rgba(117,137,157,.3),-15px -15px 36px rgba(255,255,255,.96),inset 1px 1px 1px #fff;text-align:center}.login-lock{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 25px;border-radius:50%;background:linear-gradient(145deg,#eef3f8,#dce5ee);color:#087e8b;font-size:28px;box-shadow:10px 10px 22px rgba(124,144,165,.27),-9px -9px 20px #fff,inset 2px 2px 3px rgba(255,255,255,.9)}.login-welcome{margin:0 0 8px;color:#087e8b;font-size:12px;font-weight:900}.login-card h2{margin:0;font-size:clamp(25px,2.5vw,35px);letter-spacing:-.035em}.login-instruction{max-width:280px;margin:10px auto 27px;color:#687b90;font-size:12px;line-height:1.55}.login-card .alert{text-align:left}.login-form{display:grid;gap:18px;text-align:left}.login-form>label:not(.login-remember){display:grid;gap:8px;color:#263f58;font-size:11px;font-weight:850}.login-input{height:54px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:14px;background:#edf2f7;box-shadow:inset 3px 3px 7px rgba(121,140,160,.2),inset -4px -4px 8px rgba(255,255,255,.95),5px 5px 11px rgba(121,140,160,.12)}.login-input:focus-within{outline:2px solid rgba(8,126,139,.18);box-shadow:inset 3px 3px 7px rgba(121,140,160,.18),inset -4px -4px 8px #fff,0 0 0 4px rgba(8,126,139,.08)}.login-input>i{width:22px;color:#57738e;font-size:18px;font-style:normal;text-align:center}.login-input input{min-width:0;flex:1;border:0!important;outline:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;color:#102a43;font-size:13px}.login-input input::placeholder{color:#8a9bad}.password-toggle{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#58758f;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:#dce8f0;outline:none}.login-remember{display:flex;align-items:center;gap:10px;color:#6a7c90;font-size:12px;cursor:pointer}.login-remember input{appearance:none;width:20px;height:20px;margin:0;border:0;border-radius:6px;background:#edf2f7;box-shadow:inset 2px 2px 5px rgba(121,140,160,.22),inset -2px -2px 5px #fff}.login-remember input:checked{background:#087e8b;box-shadow:inset 0 0 0 5px #d8f0f2}.login-submit{height:58px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:4px;border:0;border-radius:18px;background:linear-gradient(145deg,#1596aa,#006879);color:#fff;font-weight:900;cursor:pointer;box-shadow:9px 9px 18px rgba(47,100,115,.3),-7px -7px 16px rgba(255,255,255,.86)}.login-submit:hover{background:linear-gradient(145deg,#087e8b,#055e6c)}.login-submit i{position:absolute;right:13px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-style:normal;font-size:18px}
.login-statistics{grid-area:stats;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;z-index:2}.login-statistics article{min-width:0;display:flex;align-items:center;gap:11px;padding:15px;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#e2eaf2);box-shadow:8px 8px 17px rgba(126,145,164,.23),-8px -8px 18px rgba(255,255,255,.96)}.stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;font-size:16px}.stat-icon.school{background:#dcefff;color:#1474a7}.stat-icon.staff{background:#dcf6e9;color:#168758}.stat-icon.student{background:#eee2ff;color:#7654b5}.login-statistics article div{min-width:0;display:grid}.login-statistics small{color:#687b90;font-size:10px}.login-statistics strong{font-size:20px;line-height:1.2}.login-statistics em{color:#07945d;font-size:9px;font-style:normal}.login-decoration{position:absolute;z-index:1;border-radius:50%;pointer-events:none}.decoration-one{width:110px;height:110px;left:-55px;top:155px;background:#edf3f8;box-shadow:inset -9px -9px 18px #fff,inset 9px 9px 18px rgba(137,157,177,.22)}.decoration-one:after{content:"";position:absolute;width:20px;height:20px;right:20px;top:43px;border-radius:50%;background:#087e8b;box-shadow:3px 3px 7px rgba(8,73,82,.3)}.decoration-two{width:270px;height:130px;left:250px;bottom:-95px;background:rgba(219,230,239,.65)}
@media(max-width:900px){.login-page{padding:12px}.login-shell{width:min(470px,100%);min-height:calc(100vh - 24px);display:flex;flex-direction:column;gap:22px;padding:24px 18px 28px;border-radius:27px}.login-brand{justify-content:flex-end}.login-brand>span:last-child{display:none}.login-logo{width:43px;height:43px;border-radius:12px;font-size:14px}.login-story{display:contents}.login-story>.login-kicker,.login-story>h1,.login-story>p:not(.login-kicker){display:none}.login-card{order:2;width:100%;padding:28px 18px;border-radius:24px;background:transparent;border:0;box-shadow:none}.login-lock{width:68px;height:68px;margin-bottom:20px}.login-benefits{order:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.login-benefits article{min-height:64px;padding:11px;gap:8px}.login-benefits article>span{width:31px;height:31px}.login-benefits small{display:none}.login-statistics{order:4;width:100%;grid-template-columns:1fr;gap:10px}.login-statistics article{padding:11px 14px}.login-statistics article div{width:100%;grid-template-columns:1fr auto;align-items:center}.login-statistics small{grid-column:1}.login-statistics strong{grid-column:1;font-size:18px}.login-statistics em{grid-column:2;grid-row:1/3}.login-decoration{display:none}}@media(max-width:390px){.login-page{padding:0}.login-shell{min-height:100vh;border-radius:0;padding:18px 14px 22px}.login-card{padding:18px 8px}.login-lock{width:58px;height:58px;margin-bottom:14px}.login-card h2{font-size:23px}.login-instruction{margin-bottom:21px}.login-form{gap:14px}.login-input{height:50px}.login-submit{height:53px}.login-benefits article{padding:9px}.login-benefits strong{font-size:11px}}@media(prefers-reduced-motion:no-preference){.login-card,.login-story,.login-statistics{animation:login-rise .55s ease both}.login-card{animation-delay:.08s}.login-statistics{animation-delay:.14s}@keyframes login-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}