/* Centred glass sign-in with students holding its two outer edges. */
.login{display:grid;place-items:center;min-height:100svh;padding:70px 190px;overflow:hidden;gap:0}
.login-stage{width:min(860px,100%);position:relative;isolation:isolate;margin:auto}
.login-card{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;min-height:440px;border:1px solid #ffffffc9;border-radius:38px;background:linear-gradient(115deg,#cbeed79e,#f0fcf4b8 55%,#ffffffa1);box-shadow:0 25px 80px #47765b19,inset 0 1px 0 #ffffffed;backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}
.login-card .login-story{padding:42px 34px;display:flex;justify-content:flex-start;flex-direction:column;gap:42px;overflow:hidden;border-radius:38px 0 0 38px;background:linear-gradient(135deg,#b4e4c55e,#d1f0dc14);border:0;box-shadow:none}
.login-card .login-story:before{width:260px;height:260px;left:-100px;bottom:-140px;border-color:#489c6821;background:#a8dfbb16}
.login-card .brand{gap:12px;font-size:23px}.login-card .brand img{width:43px;height:54px}.login-card .brand small{font-size:6px;letter-spacing:1.4px;line-height:1.7}
.login-card .story{padding:0;max-width:100%}.login-card .story .eyebrow{font-size:8px;letter-spacing:1.4px}.login-card .story h1{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:18px 0 28px;font-weight:550}
.login-card .story-cards{display:flex;gap:15px;flex-wrap:wrap;margin:0}.login-card .story-cards>span{font-size:9px;color:#5a846b;padding:0;border:0}.login-card .story-cards>span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;background:#7dbb93;border-radius:50%;vertical-align:middle}
.login-card .login-panel{padding:43px 35px;align-items:center;justify-content:center;background:transparent;box-shadow:none;border:0;border-radius:0 38px 38px 0}.login-card .login-panel:before{display:none}.login-card .login-form{width:100%;max-width:330px}.login-card .login-form .badge{font-size:8px;letter-spacing:1.2px}.login-card .login-form h2{font-size:28px;letter-spacing:-.9px;margin:20px 0 28px;font-weight:550}.login-card .login-form label{font-size:11px;margin-bottom:19px}.login-card .login-form input{padding:13px 14px;font-size:13px;background:#ffffff80;border-color:#7db59240}.login-card .login-form .full{font-size:12px;padding:14px 15px;margin:3px 0 0}
.login-holder{position:absolute;z-index:3;width:190px;height:390px;top:50%;transform:translateY(-42%);pointer-events:none}.login-holder img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 14px #4275581a);animation:none!important}.login-holder.holder-boy{left:-173px}.login-holder.holder-girl{right:-173px}.login-holder:before,.login-holder:after{display:none}
.login-copyright{position:absolute;top:calc(100% + 28px);left:-50px;right:-50px;text-align:center;color:#658c74;font-size:10px;letter-spacing:.2px}
@media(min-width:1600px){.login-stage{width:min(960px,100%)}.login-card{min-height:470px}.login-card .login-story{padding:48px 44px}.login-card .story h1{font-size:34px}.login-card .login-panel{padding:48px 42px}.login-holder{width:220px;height:440px}.login-holder.holder-boy{left:-201px}.login-holder.holder-girl{right:-201px}}
@media(max-width:1150px){.login{padding:65px 135px}.login-stage{width:min(780px,100%)}.login-card{min-height:415px}.login-card .login-story{padding:35px 25px;gap:35px}.login-card .story h1{font-size:27px}.login-card .brand{font-size:20px}.login-card .brand img{width:35px;height:45px}.login-card .brand small{font-size:5px}.login-card .login-panel{padding:35px 25px}.login-card .login-form h2{font-size:25px}.login-holder{width:150px;height:330px}.login-holder.holder-boy{left:-136px}.login-holder.holder-girl{right:-136px}}
@media(max-width:760px){.login{padding:65px 52px 85px;min-height:100svh;overflow:hidden}.login-stage{width:100%;max-width:350px}.login-card{display:block;min-height:0;border-radius:27px}.login-card .login-story{display:block;padding:27px 21px 0;border-radius:27px 27px 0 0;background:transparent;overflow:visible}.login-card .brand{font-size:22px;justify-content:center;gap:10px}.login-card .brand img{width:35px;height:44px}.login-card .brand small{font-size:5px;letter-spacing:1px}.login-card .story{display:none}.login-card .login-panel{padding:21px 22px 29px;border-radius:0 0 27px 27px}.login-card .login-form{max-width:100%}.login-card .login-form .badge{display:none}.login-card .login-form h2{font-size:24px;text-align:center;margin:7px 0 25px}.login-card .login-form label{font-size:11px;margin-bottom:18px}.login-card .login-form input{font-size:16px;padding:13px 11px}.login-card .login-form .full{font-size:11px;gap:8px}.login-holder{width:72px;height:200px;top:45%;transform:translateY(-40%)}.login-holder.holder-boy{left:-65px}.login-holder.holder-girl{right:-65px}.login-copyright{top:calc(100% + 23px);left:-25px;right:-25px;font-size:8px;line-height:1.8}}
@media(max-width:360px){.login{padding-inline:43px}.login-card .login-panel{padding-inline:17px}.login-card .brand{font-size:19px}.login-holder{width:63px}.login-holder.holder-boy{left:-57px}.login-holder.holder-girl{right:-57px}}
@media print{.login-holder{display:none}}
.login{grid-template-columns:minmax(0,1fr);align-content:center}
@media(max-width:760px){.login{padding-inline:63px;align-content:center}}
@media(max-width:360px){.login{padding-inline:54px}}
.login-card{border-color:#fffffff0;background:linear-gradient(110deg,#e0f6e3a6,#f8fdf9cc 55%,#ffffffab);box-shadow:0 22px 65px #36876016,inset 0 1px 0 #ffffff}
.login-card .login-story{background:linear-gradient(135deg,#c9efda66,#e6f7df1a)}.login-card .login-story:before{border-color:#6fbc961c;background:#c4e8c316}
.login-card .login-form input{background:#ffffffb5;border-color:#8fc6a84a;box-shadow:inset 0 1px 0 #fff}.login-card .login-form input:focus{background:#ffffffdf;border-color:#62b88f;outline:3px solid #67c29320}
.login-holder img{filter:drop-shadow(0 10px 12px #317c5418)}