.kids-login-page{--kl-ink:#1d1a4b;--kl-sun:#ffd23f;--kl-pop:#ff5c7a;--kl-mint:#36d6a5;--kl-lilac:#9b7bff;min-height:100dvh;color:var(--kl-ink);background:linear-gradient(165deg,#efe8ff 0%,#e3ecff 55%,#dcf7ee 100%);position:relative;overflow:hidden}.kids-login-page .login-topbar,.kids-login-page .login-layout{z-index:1;position:relative}.kids-login-page .brand-symbol{color:var(--kl-sun);border:2.5px solid var(--kl-ink);box-shadow:2px 3px 0 var(--kl-ink);background:#2b57e8}.kids-login-page .brand-lockup{color:var(--kl-ink)}.kl-parent-link{border:2px solid var(--kl-ink);color:var(--kl-ink);box-shadow:0 3px 0 var(--kl-ink);background:#fff;border-radius:999px;padding:8px 16px}.kl-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.kl-cloud{opacity:.85;background:#fff;border-radius:999px;height:54px;animation:38s linear infinite kl-drift;position:absolute}.kl-cloud:before{content:"";background:inherit;border-radius:50%;width:52%;height:56px;position:absolute;bottom:30px;left:22%}.kl-cloud-1{width:180px;top:14%;left:-200px}.kl-cloud-2{width:130px;animation-duration:52s;animation-delay:-20s;top:68%;left:-160px}.kl-star{color:var(--kl-sun);-webkit-text-stroke:1.5px var(--kl-ink);font-size:30px;animation:2.6s ease-in-out infinite kl-twinkle;position:absolute}.kl-star-1{top:22%;left:46%}.kl-star-2{color:var(--kl-pop);animation-delay:.8s;top:80%;left:8%}.kl-star-3{color:var(--kl-mint);animation-delay:1.5s;top:10%;right:8%}.kl-planet{background:var(--kl-lilac);border:3px solid var(--kl-ink);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-60px;box-shadow:inset -24px -18px #1d1a4b2e}.kl-planet:after{content:"";border:3px solid var(--kl-ink);border-radius:50%;width:300px;height:36px;position:absolute;top:90px;left:-40px;transform:rotate(-16deg)}.kids-login-page .login-story h2{letter-spacing:-.03em;font-size:clamp(36px,4.4vw,52px);line-height:1.05;animation:.7s cubic-bezier(.2,.8,.3,1) both kl-rise}.kids-login-page .login-story p{color:#4a4670}.kl-buddy{width:300px;max-width:100%;margin-top:26px;position:relative}.kids-login-page .kl-buddy svg{transform-origin:50% 90%;width:100%;animation:4s ease-in-out infinite kl-wave}.kl-speech{z-index:1;border:2.5px solid var(--kl-ink);box-shadow:3px 4px 0 var(--kl-ink);background:#fff;border-radius:18px 18px 18px 4px;padding:8px 14px;font-size:15px;font-weight:900;animation:.6s cubic-bezier(.3,1.6,.5,1) .5s both kl-pop;position:absolute;top:-6px;right:-30px}.kl-sticker{border:2.5px solid var(--kl-ink);width:46px;height:46px;box-shadow:2px 3px 0 var(--kl-ink);background:#fff;border-radius:14px;place-items:center;font-size:22px;animation:4.5s ease-in-out infinite kl-float;display:grid;position:absolute}.kl-s1{top:30%;left:-10px;rotate:-8deg}.kl-s2{animation-delay:1s;top:52%;right:-14px;rotate:6deg}.kl-s3{animation-delay:2s;bottom:4%;left:6%;rotate:5deg}.kl-s4{animation-delay:3s;bottom:-2%;right:10%;rotate:-6deg}.kids-login-page .login-card{border:3px solid var(--kl-ink);box-shadow:8px 10px 0 var(--kl-ink);background:#fff;border-radius:32px;padding:30px;animation:.7s cubic-bezier(.3,1.4,.5,1) .1s both kl-pop}.kids-login-page .login-card h1{text-align:center;letter-spacing:-.02em;font-size:34px;font-weight:900}.kl-sub{text-align:center;color:#4a4670;margin-top:2px}.kl-form{gap:14px;margin-top:20px;display:grid}.kids-login-page .login-card label{font-size:14px;font-weight:800;display:block}.kids-login-page .login-card input{border:2.5px solid var(--kl-ink);background:#f7f4ff;border-radius:16px;width:100%;min-height:48px;margin-top:4px;padding:0 16px;font-size:17px;transition:box-shadow .15s,background .15s}.kids-login-page .login-card input:focus{box-shadow:0 0 0 4px var(--kl-sun);background:#fff;outline:none}.kids-login-page .login-card #pin{text-align:center;letter-spacing:.5em;font-size:26px}.kl-pin-dots{justify-content:center;gap:12px;margin-top:10px;display:flex}.kl-pin-dots span{border:2.5px solid var(--kl-ink);background:#fff;border-radius:50%;width:18px;height:18px;transition:background .15s}.kl-pin-dots span.is-on{background:var(--kl-sun);animation:.35s cubic-bezier(.3,1.8,.5,1) both kl-pop}.kids-login-page .login-card [aria-label=PIN\ keypad] button{border:2.5px solid var(--kl-ink);min-height:48px;box-shadow:0 4px 0 var(--kl-ink);background:#fff;border-radius:16px;font-size:20px;transition:transform .1s,box-shadow .1s,background .1s}.kids-login-page .login-card [aria-label=PIN\ keypad] button:hover:not(:disabled){background:#fff4c7}.kids-login-page .login-card [aria-label=PIN\ keypad] button:active:not(:disabled){box-shadow:0 0 0 var(--kl-ink);background:var(--kl-sun);transform:translateY(4px)}.kl-error{border:2.5px solid var(--kl-ink);color:#9f1239;text-align:center;background:#ffe3e9;border-radius:16px;padding:12px;font-weight:800;animation:.45s both kl-shake}.kl-go{border:3px solid var(--kl-ink);background:var(--kl-sun);width:100%;min-height:58px;color:var(--kl-ink);box-shadow:0 6px 0 var(--kl-ink);border-radius:999px;font-size:21px;font-weight:900;transition:transform .15s,box-shadow .15s}.kl-go:hover:not(:disabled){box-shadow:0 8px 0 var(--kl-ink);transform:translateY(-2px)}.kl-go:hover:not(:disabled) .kl-rocket{animation:.5s ease-in-out infinite kl-wiggle}.kl-go:disabled{opacity:.55;cursor:not-allowed}.kl-rocket{display:inline-block}.kl-go.is-busy .kl-rocket{animation:.8s ease-in infinite kl-launch}.kl-fine{text-align:center;color:#4a4670;font-size:13px}.kids-login-page :where(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #2b57e8}@keyframes kl-drift{to{translate:calc(100vw + 400px)}}@keyframes kl-twinkle{50%{opacity:.5;transform:scale(.6)rotate(45deg)}}@keyframes kl-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes kl-pop{0%{opacity:0;scale:.8}}@keyframes kl-wave{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-4deg)translateY(-8px)}50%{transform:rotate(0)translateY(-12px)}75%{transform:rotate(4deg)translateY(-8px)}}@keyframes kl-float{50%{translate:0 -10px}}@keyframes kl-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes kl-wiggle{50%{transform:rotate(-12deg)translateY(-2px)}}@keyframes kl-launch{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px,-22px)}}@media (max-width:760px){.kids-login-page .login-story h2{font-size:32px}.kl-buddy{width:200px}.kl-speech{font-size:13px;right:-60px}.kl-planet{width:140px;height:140px}.kids-login-page .login-card{box-shadow:5px 6px 0 var(--kl-ink);padding:22px}}@media (prefers-reduced-motion:reduce){.kids-login-page *,.kids-login-page :before,.kids-login-page :after{transition:none!important;animation:none!important}}.kids-root.kids-login-page{height:100dvh;min-height:0;padding:clamp(10px,2.2dvh,22px) 35px;overflow:hidden auto}.kids-login-page .login-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:clamp(24px,4vw,64px);max-width:1120px;min-height:0;margin:0 auto;padding:clamp(6px,1.5dvh,20px) 0}.kids-login-page .login-story h2{font-size:clamp(28px,min(4.2vw,6dvh),52px)}.kids-login-page .kl-buddy{width:min(300px,38dvh);margin-top:clamp(10px,3dvh,26px)}.kids-login-page .login-card{max-width:600px;padding:clamp(14px,3dvh,28px) clamp(18px,3dvh,30px)}.kids-login-page .login-card h1{font-size:clamp(24px,4.4dvh,34px)}.kl-sub{font-size:14px}.kids-login-page .kl-form{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(8px,1.8dvh,16px) 22px;margin-top:clamp(8px,2dvh,18px)}.kl-fields{align-content:space-between;gap:clamp(6px,1.4dvh,12px);display:grid}.kl-pad{align-items:stretch;display:grid}.kids-login-page .kl-form>:is(.kl-error,.kl-go,.kl-fine){grid-column:1/-1}.kids-login-page .login-card input{min-height:clamp(38px,5.6dvh,48px);margin-top:3px;font-size:16px}.kids-login-page .login-card #pin{min-height:clamp(38px,5.6dvh,48px);font-size:clamp(18px,3dvh,24px)}.kids-login-page .kl-pin-dots{margin-top:clamp(4px,1dvh,10px)}.kids-login-page .kl-pin-dots span{width:14px;height:14px}.kids-login-page .login-card [aria-label=PIN\ keypad]{gap:clamp(5px,1dvh,9px)}.kids-login-page .login-card [aria-label=PIN\ keypad] button{height:auto;min-height:clamp(36px,6dvh,52px);font-size:clamp(17px,2.8dvh,22px)}.kids-login-page .kl-go{min-height:clamp(44px,6.4dvh,58px);font-size:clamp(18px,2.8dvh,21px)}.kids-login-page .kl-fine{font-size:12.5px}@media (max-width:1000px){.kids-login-page .login-layout{grid-template-columns:minmax(0,600px);justify-content:center}.kids-login-page .login-story{display:none}}@media (max-width:560px){.kids-root.kids-login-page{padding:clamp(8px,1.6dvh,16px) 14px}.kids-login-page .login-topbar .brand-symbol{scale:.85}.kl-sub{display:none}.kids-login-page .login-card h1{font-size:clamp(22px,3.6dvh,30px)}.kids-login-page .login-layout{padding-block:clamp(6px,1.2dvh,12px)}.kids-login-page .login-card [aria-label=PIN\ keypad] button{min-height:clamp(34px,5.4dvh,48px)}.kids-login-page .login-card label{font-size:13px}.kids-login-page .kl-form{grid-template-columns:minmax(0,1fr)}.kids-login-page .login-card{padding-inline:16px}}@media (max-height:700px){.kl-sub{display:none}}@media (max-height:660px){.kids-login-page .kl-fine{display:none}}@media (max-height:480px){.kids-login-page .login-card h1{display:none}.kids-root.kids-login-page{padding-block:8px}.kids-login-page .login-card{padding:10px 16px}.kids-login-page .kl-form{gap:6px 16px;margin-top:0}.kids-login-page .login-card input,.kids-login-page .login-card #pin{min-height:32px;font-size:15px}.kids-login-page .login-card label{font-size:12px}.kids-login-page .kl-pin-dots{display:none}.kids-login-page .login-card [aria-label=PIN\ keypad] button{min-height:28px;box-shadow:0 3px 0 var(--kl-ink);font-size:16px}.kids-login-page .kl-go{min-height:38px;box-shadow:0 4px 0 var(--kl-ink);font-size:17px}}