:root{--sago-navy:#033663;--sago-navy-dark:#022846;--sago-teal:#28b9aa;--sago-teal-dark:#15978c;--sago-orange:#fea020;--sago-purple:#9b81b8;--sago-cream:#fffdf4;--sago-soft-blue:#edf8f8;--sago-muted:#67809a;--sago-danger:#b42318}.leerling-login-page{isolation:isolate;min-height:100svh;color:var(--sago-navy);background:radial-gradient(circle at 8% 6%,#28b9aa1f,#0000 27%),radial-gradient(circle at 91% 10%,#fea02021,#0000 29%),radial-gradient(circle at 16% 92%,#9b81b81a,#0000 25%),linear-gradient(135deg,#f4fcfa 0%,#fffdf4 47%,#f2fbfa 100%);place-items:center;padding:clamp(14px,2vw,30px);display:grid;position:relative;overflow:hidden}.login-background-shape{z-index:-1;pointer-events:none;filter:blur(2px);border-radius:999px;display:block;position:absolute}.login-background-shape-one{border:1px solid #28b9aa2e;width:380px;height:380px;top:-140px;left:-120px}.login-background-shape-two{background:#28b9aa12;width:440px;height:440px;bottom:-170px;right:-130px}.login-background-shape-three{border:65px solid #fea0200e;width:320px;height:320px;bottom:-180px;left:37%}.leerling-login-shell{z-index:2;-webkit-backdrop-filter:blur(24px);background:#fffdf4ed;border:1px solid #03366312;border-radius:clamp(30px,3vw,50px);grid-template-columns:minmax(0,1.03fr) minmax(520px,.97fr);width:min(1420px,100%);min-height:min(850px,100svh - 40px);display:grid;position:relative;overflow:hidden;box-shadow:0 42px 100px #03366324,0 10px 30px #03366312}.leerling-login-left{background:radial-gradient(circle at 12% 88%,#28b9aa14,#0000 26%),radial-gradient(circle at 87% 14%,#fea02014,#0000 26%),linear-gradient(145deg,#ffffff8c,#fffdf4e6);justify-content:center;align-items:center;padding:clamp(100px,9vh,124px) clamp(44px,5.5vw,86px) clamp(48px,6vh,70px);display:flex;position:relative}.leerling-login-left:after{content:"";background:linear-gradient(#0000,#0336631a,#0000);width:1px;height:78%;position:absolute;top:11%;right:0}.back-home-button{min-height:48px;color:var(--sago-navy);-webkit-backdrop-filter:blur(14px);background:#fffc;border:1px solid #28b9aa33;border-radius:999px;align-items:center;gap:11px;padding:10px 19px;font-size:15px;font-weight:750;line-height:1;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex;position:absolute;top:clamp(24px,3vw,36px);left:clamp(26px,4vw,56px);box-shadow:0 10px 28px #03366314}.back-home-arrow{width:25px;height:25px;color:var(--sago-teal-dark);background:#28b9aa1c;border-radius:50%;place-items:center;font-size:16px;transition:transform .18s;display:inline-grid}.back-home-button:hover{background:#fff;border-color:#28b9aa6b;transform:translateY(-2px);box-shadow:0 15px 34px #0336631f}.back-home-button:hover .back-home-arrow{transform:translate(-2px)}.leerling-login-form{width:min(520px,100%)}.login-heading{margin-bottom:30px}.portal-pill{width:fit-content;color:var(--sago-teal-dark);letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(90deg,#28b9aa21,#28b9aa12);border:1px solid #28b9aa21;border-radius:999px;align-items:center;gap:10px;margin:0 0 24px;padding:11px 19px;font-size:12px;font-weight:850;line-height:1;display:inline-flex}.portal-pill-dot{background:var(--sago-teal);border:2px solid #fff;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #28b9aa24}.leerling-login-form h1{color:var(--sago-navy);letter-spacing:-.058em;margin:0;font-size:clamp(58px,5vw,82px);font-weight:850;line-height:.89}.leerling-login-form h1 span{display:inline-block;position:relative}.leerling-login-form h1 span:after{content:"";background:linear-gradient(90deg, var(--sago-orange), #fea02014);border-radius:999px;width:72%;height:7px;position:absolute;bottom:-11px;left:5px;transform:rotate(-1.5deg)}.login-subtitle{color:#033663a6;max-width:485px;margin:31px 0 0;font-size:clamp(17px,1.3vw,19px);font-weight:500;line-height:1.48}.login-fields{gap:20px;display:grid}.login-field{gap:9px;display:grid}.login-label{color:var(--sago-navy);padding-left:3px;font-size:15px;font-weight:800}.login-input-wrap{background:#ffffffe0;border:1.5px solid #0336631f;border-radius:21px;align-items:center;gap:13px;min-height:66px;padding:0 17px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:flex;overflow:hidden;box-shadow:0 10px 25px #0336630b,inset 0 1px #ffffffe6}.login-input-wrap:focus-within{background:#fff;border-color:#28b9aac7;transform:translateY(-1px);box-shadow:0 0 0 5px #28b9aa1a,0 14px 34px #03366314}.login-icon{width:35px;height:35px;color:var(--sago-teal-dark);background:#28b9aa1a;border-radius:12px;flex:none;place-items:center;display:grid}.login-svg-icon{width:20px;height:20px}.login-input-wrap input{width:100%;min-width:0;color:var(--sago-navy);font:inherit;background:0 0;border:0;outline:0;font-size:16px;font-weight:650}.login-input-wrap input::placeholder{color:#0336635e;font-weight:500}.show-password{min-height:38px;color:var(--sago-teal-dark);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;padding:0 9px;font-size:14px;font-weight:800;transition:color .16s,background .16s}.show-password:hover{color:var(--sago-navy);background:#28b9aa17}.login-options{justify-content:space-between;align-items:center;gap:18px;margin:18px 2px 20px;font-size:14px;display:flex}.remember-me{color:#033663ba;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-weight:650;display:inline-flex;position:relative}.remember-me input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.custom-checkbox{color:#0000;background:#fff;border:1.5px solid #03366333;border-radius:7px;flex:none;place-items:center;width:21px;height:21px;transition:border-color .16s,color .16s,background .16s,box-shadow .16s;display:grid}.feature-check-icon{width:15px;height:15px}.remember-me input:checked+.custom-checkbox{border-color:var(--sago-teal);color:#fff;background:var(--sago-teal);box-shadow:0 5px 13px #28b9aa40}.remember-me input:focus-visible+.custom-checkbox{outline-offset:2px;outline:3px solid #28b9aa2e}.forgot-password{color:var(--sago-navy);flex:none;font-weight:800;text-decoration:none;position:relative}.forgot-password:after{content:"";background:var(--sago-teal);transform-origin:100%;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.forgot-password:hover:after{transform-origin:0;transform:scaleX(1)}.login-error{color:var(--sago-danger);background:#b4231812;border:1px solid #b423181f;border-radius:16px;align-items:flex-start;gap:11px;margin:0 0 16px;padding:13px 15px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.login-error-icon{color:#fff;background:var(--sago-danger);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid}.login-submit{color:#fff;background:linear-gradient(100deg, var(--sago-navy-dark) 0%, var(--sago-navy) 48%, var(--sago-teal-dark) 100%);width:100%;min-height:66px;font:inherit;cursor:pointer;border:0;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:7px 8px 7px 26px;font-size:17px;font-weight:850;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #03366338,inset 0 1px #ffffff2b}.login-submit:before{content:"";background:#ffffff29;width:35%;height:240%;transition:left .5s;position:absolute;top:-70%;left:-35%;transform:rotate(20deg)}.login-submit:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-2px);box-shadow:0 24px 46px #03366342,inset 0 1px #fff3}.login-submit:hover:not(:disabled):before{left:110%}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.68;cursor:wait}.login-submit-arrow{z-index:2;width:50px;height:50px;color:var(--sago-navy);background:#fff;border-radius:17px;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 7px 18px #02284629}.button-arrow-icon{width:22px;height:22px;transition:transform .18s}.login-submit:hover:not(:disabled) .button-arrow-icon{transform:translate(3px)}.login-spinner{border:2.5px solid #03366330;border-top-color:var(--sago-teal);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite leerling-login-spin;display:block}@keyframes leerling-login-spin{to{transform:rotate(360deg)}}.account-note{color:#0336638c;align-items:center;gap:12px;margin:18px 0 0;padding:0 4px;display:flex}.account-note-icon{width:31px;height:31px;color:var(--sago-teal-dark);background:#28b9aa14;border:1px solid #0336631a;border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:900;display:grid}.account-note p{margin:0;font-size:13px;line-height:1.45}.account-note p span{color:#033663c2;font-weight:750}.leerling-login-right{color:#fff;background:var(--sago-navy);border-radius:0 clamp(30px,3vw,50px) clamp(30px,3vw,50px) 0;flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(42px,4vw,62px) clamp(34px,4vw,58px) clamp(32px,3.5vw,48px);display:flex;position:relative;overflow:hidden}.portal-bg{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.025)}.portal-overlay{z-index:1;background:linear-gradient(#022846a8 0%,#03366329 38%,#03366336 67%,#022846b8 100%),radial-gradient(circle at 50% 49%,#ffffff29,#0000 31%);position:absolute;inset:0}.portal-glow{z-index:1;filter:blur(46px);background:#fff9e02b;border-radius:50%;width:470px;height:470px;position:absolute;top:29%;left:50%;transform:translate(-50%)}.portal-top-content{z-index:4;max-width:530px;position:relative}.portal-eyebrow{color:#ffffffb3;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:850}.portal-top-content h2{color:#fff;letter-spacing:-.035em;text-shadow:0 5px 24px #03366342;max-width:510px;margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:830;line-height:1.05}.portal-top-content h2 span{color:#bff5ed;display:block}.portal-features{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.portal-features span{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;min-height:33px;padding:7px 12px;font-size:12px;font-weight:750;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.portal-features .feature-check-icon{color:#8ee9dd;width:14px;height:14px}.student-circle-wrap{z-index:3;aspect-ratio:1;place-items:center;width:min(365px,52%);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.student-circle-ring{pointer-events:none;border-radius:50%;position:absolute}.student-circle-ring-one{border:1px solid #ffffff36;animation:4s ease-in-out infinite leerling-ring-pulse;inset:-11%}.student-circle-ring-two{border:1px dashed #ffffff26;animation:26s linear infinite leerling-ring-rotate;inset:-23%}.student-circle{z-index:3;object-fit:contain;filter:drop-shadow(0 30px 48px #03366342)drop-shadow(0 4px 8px #ffffff29);width:100%;height:100%;position:relative}.student-status{z-index:5;color:var(--sago-navy);white-space:nowrap;-webkit-backdrop-filter:blur(12px);background:#ffffffe8;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:850;display:inline-flex;position:absolute;bottom:14%;right:-22px;box-shadow:0 13px 28px #0336632e}.student-status>span{background:#46b96b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #46b96b26}@keyframes leerling-ring-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.025)}}@keyframes leerling-ring-rotate{to{transform:rotate(360deg)}}.portal-card-grid{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:auto;display:grid;position:relative}.portal-card{min-width:0;color:var(--sago-navy);-webkit-backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffff47;border-radius:22px;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:14px;transition:transform .18s,background .18s,box-shadow .18s;display:grid;box-shadow:0 18px 34px #0336632e,inset 0 1px #ffffffc7}.portal-card:hover{background:#fffffff5;transform:translateY(-4px);box-shadow:0 24px 42px #03366338,inset 0 1px #fff}.portal-card-icon{background:#28b9aa1a;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.portal-card-planner .portal-card-icon{background:#fea0201f}.portal-card-icon img{object-fit:contain;width:40px;height:40px}.portal-card-copy{min-width:0}.portal-card-copy span{color:#03366385;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:750;display:block}.portal-card-copy strong{color:var(--sago-navy);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;line-height:1.2;display:block;overflow:hidden}.portal-card-arrow{color:#fff;background:var(--sago-navy);border-radius:10px;place-items:center;width:30px;height:30px;font-size:15px;transition:transform .18s;display:grid}.portal-card:hover .portal-card-arrow{transform:translate(2px)}.portal-footer-note{z-index:4;color:#ffffff8c;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin:0;font-size:10px;font-weight:750;position:absolute;bottom:14px;left:0;right:0}.back-home-button:focus-visible,.show-password:focus-visible,.forgot-password:focus-visible,.login-submit:focus-visible{outline-offset:3px;outline:3px solid #28b9aa4d}@media (max-width:1250px){.leerling-login-shell{grid-template-columns:minmax(0,1fr) minmax(440px,.88fr)}.leerling-login-left{padding-left:50px;padding-right:50px}.student-circle-wrap{width:min(330px,57%)}.portal-card{grid-template-columns:42px minmax(0,1fr) 28px;gap:9px;padding:12px}.portal-card-icon{width:42px;height:42px}.portal-card-icon img{width:35px;height:35px}}@media (max-width:1020px){.leerling-login-page{min-height:100svh;overflow-y:auto}.leerling-login-shell{border-radius:34px;grid-template-columns:1fr;width:min(670px,100%);min-height:auto;overflow:visible}.leerling-login-left{border-radius:34px;min-height:auto;padding:105px 52px 52px}.leerling-login-left:after,.leerling-login-right{display:none}.leerling-login-form{width:100%;max-width:none}.login-background-shape-three{display:none}}@media (max-width:640px){.leerling-login-page{padding:10px;display:block;overflow:hidden auto}.leerling-login-shell{border-radius:28px;width:100%}.leerling-login-left{border-radius:28px;padding:89px 20px 30px;display:block}.back-home-button{min-height:43px;padding:8px 14px;font-size:13px;top:20px;left:20px}.back-home-arrow{width:22px;height:22px}.login-heading{margin-bottom:25px}.portal-pill{letter-spacing:.1em;margin-bottom:20px;padding:10px 14px;font-size:10px}.leerling-login-form h1{font-size:clamp(49px,15vw,62px)}.login-subtitle{margin-top:27px;font-size:16px;line-height:1.45}.login-fields{gap:17px}.login-input-wrap{border-radius:18px;min-height:61px;padding:0 13px}.login-icon{width:33px;height:33px}.login-input-wrap input{font-size:16px}.show-password{padding:0 5px;font-size:13px}.login-options{flex-direction:column;align-items:flex-start;gap:13px;margin-top:17px}.login-submit{border-radius:19px;min-height:62px;padding-left:21px;font-size:16px}.login-submit-arrow{border-radius:15px;width:47px;height:47px}.account-note{align-items:flex-start}}@media (max-width:380px){.leerling-login-left{padding-left:16px;padding-right:16px}.portal-pill{font-size:9px}.remember-me,.forgot-password{font-size:13px}.login-submit{padding-left:17px;font-size:15px}}@media (prefers-reduced-motion:reduce){.login-spinner,.student-circle-ring-one,.student-circle-ring-two{animation:none}.back-home-button,.back-home-arrow,.login-input-wrap,.show-password,.forgot-password:after,.login-submit,.login-submit:before,.button-arrow-icon,.portal-card,.portal-card-arrow{transition:none}}