:root{--ink:#10254a;--blue:#246bfd;--sky:#65c7ff;--yellow:#ffc928;--coral:#ff6b6b;--pink:#ff73b9;--purple:#7a63ff;--green:#32d583;--cream:#fffaf0;--paper:#fff;--muted:#65738c;--line:#d8e6f5;--shadow:0 28px 80px rgba(32,73,125,.2)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:Nunito,Arial,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}
body::before{width:520px;height:520px;left:-170px;top:-180px;background:rgba(255,201,40,.28)}
body::after{width:620px;height:620px;right:-220px;bottom:-260px;background:rgba(101,199,255,.3)}
.kids-auth{position:relative;width:min(1160px,calc(100% - 36px));margin:auto;padding:28px 0 50px}
.kids-auth::before{content:"A  S  D  F    J  K  L  Ç";position:fixed;z-index:-1;left:3%;right:3%;bottom:2%;color:rgba(36,107,253,.045);font:900 clamp(35px,7vw,105px)/1 'Baloo 2';text-align:center;white-space:nowrap;transform:rotate(-3deg);pointer-events:none}
.brand{display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}
.brand-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:19px;background:linear-gradient(145deg,var(--yellow),#ffdf67);box-shadow:0 10px 0 #dfa900;color:var(--ink);font:900 30px/1 'Baloo 2'}
.brand strong,.brand small{display:block}.brand strong{font:800 17px 'Baloo 2'}.brand small{margin-top:-2px;color:var(--muted);font-size:11px;font-weight:800}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,475px);gap:clamp(45px,7vw,95px);align-items:center;min-width:0;min-height:calc(100vh - 130px);padding:38px 2vw}
.welcome{position:relative;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:2px solid #d6e4ff;border-radius:999px;background:#fff;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}.eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(50,213,131,.15)}
.welcome h1{margin:22px 0 19px;font:800 clamp(56px,7vw,92px)/.88 'Baloo 2';letter-spacing:-.045em}.welcome h1 em{color:var(--coral);font-style:normal;position:relative}.welcome h1 em::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:7px;height:8px;border-radius:50%;background:var(--yellow);transform:rotate(-2deg)}
.welcome>p{max-width:570px;margin:0;color:var(--muted);font-size:17px;font-weight:700;line-height:1.65}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.benefits span{display:grid;min-height:92px;align-content:center;padding:13px;border:2px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);font-size:12px;font-weight:900;line-height:1.35}.benefits b{font-size:23px;margin-bottom:4px}
.keyboard-art{display:flex;gap:10px;margin-top:27px}.keyboard-art i{display:grid;width:58px;height:58px;place-items:center;border:2px solid rgba(16,37,74,.14);border-bottom-width:7px;border-radius:15px;font:800 24px 'Baloo 2';font-style:normal;transform:rotate(-5deg)}.keyboard-art i:nth-child(1){background:#ffd6ea}.keyboard-art i:nth-child(2){background:#e2dcff;transform:rotate(3deg)}.keyboard-art i:nth-child(3){background:var(--yellow);transform:rotate(-2deg)}.keyboard-art i:nth-child(4){background:#d8f8e7;transform:rotate(5deg)}
.auth-card{position:relative;min-width:0;padding:30px;border:2px solid var(--line);border-radius:30px;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.auth-card::before{content:"";position:absolute;z-index:-1;inset:15px -16px -17px 18px;border-radius:30px;background:var(--yellow);transform:rotate(-2deg)}.mascot{position:absolute;right:25px;top:-42px;display:grid;width:72px;height:72px;place-items:center;border:3px solid #fff;border-radius:23px;background:linear-gradient(145deg,var(--sky),var(--blue));box-shadow:0 12px 25px rgba(36,107,253,.25);font-size:34px;transform:rotate(5deg)}.mascot small{position:absolute;right:-5px;bottom:-6px;padding:3px 6px;border-radius:7px;background:var(--yellow);color:var(--ink);font-size:8px;font-weight:900}
.tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-width:0;padding:5px;border-radius:15px;background:#edf4ff}.tabs button{min-width:0;min-height:48px;padding:6px 9px;border:0;border-radius:11px;background:transparent;color:#6f7e96;font:800 13px Nunito;cursor:pointer}.tabs button.active{background:#fff;color:var(--blue);box-shadow:0 8px 22px rgba(36,107,253,.12)}
form{display:none;margin-top:23px}form.active{display:block}.form-title{margin-bottom:18px}.form-title strong,.form-title span{display:block}.form-title strong{font:800 28px/1 'Baloo 2'}.form-title span{margin-top:5px;color:var(--muted);font-size:12px;font-weight:700}
label{display:block;margin:14px 0;color:var(--ink);font-size:12px;font-weight:900}label>small{display:block;margin:5px 2px 0;color:#7a879c;font-size:10px;font-weight:700}.field-name{color:var(--blue)}.field-city{color:#159b5b}.field-password{color:var(--purple)}
input{width:100%;height:52px;margin-top:7px;padding:0 15px;border:2px solid var(--line);border-radius:13px;outline:0;background:#f9fbff;color:var(--ink);font:800 15px Nunito;transition:.18s}input::placeholder{color:#9aa8bb;font-weight:700}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,107,253,.1);background:#fff}.field-city input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(50,213,131,.12)}.field-password input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(122,99,255,.1)}
.password-field,.city-autocomplete{position:relative;display:block}.password-field input{padding-right:53px}.password-toggle{position:absolute;right:6px;bottom:5px;width:42px;height:42px;border:0;border-radius:11px;background:transparent;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{outline:0;background:#eeeaff}.password-toggle[aria-pressed=true]{background:#eeeaff}
.city-suggestions{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;display:none;max-height:220px;overflow:auto;padding:6px;border:2px solid #bfeeda;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(32,73,125,.2)}.city-suggestions.open{display:block}.city-option{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:800 13px Nunito;text-align:left;cursor:pointer}.city-option:hover,.city-option:focus{outline:0;background:#eafaf2}.city-option small{color:#159b5b;font-size:10px}
.submit-btn{width:100%;min-height:54px;margin-top:8px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 9px 0 #174fca,0 16px 25px rgba(36,107,253,.2);color:#fff;font:900 15px Nunito;cursor:pointer;transition:.18s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 11px 0 #174fca,0 19px 28px rgba(36,107,253,.25)}.submit-btn:disabled{opacity:.58;cursor:wait;transform:none}.submit-btn span{margin-left:6px}
.adult-help{margin:24px 0 0;padding:12px 13px;border-radius:13px;background:#fff7d5;color:#7b6413;font-size:11px;font-weight:800;line-height:1.45;text-align:center}.status{display:none;margin-top:16px;padding:12px 13px;border-radius:12px;font-size:12px;font-weight:900;line-height:1.4}.status.visible{display:block}.status.error{border:2px solid #ffd0d8;background:#fff0f3;color:#cf3655}.status.success{border:2px solid #bcebd3;background:#edfff6;color:#128852}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;gap:42px;padding:55px 0}.welcome{text-align:center}.welcome>p{margin:auto}.benefits{max-width:620px;margin:25px auto 0}.keyboard-art{justify-content:center}.auth-card{width:min(500px,100%);margin:auto}}
@media(max-width:530px){.kids-auth{width:min(100% - 22px,1160px);padding-top:17px}.brand-mark{width:51px;height:51px}.brand small{display:none}.auth-layout{padding-top:48px}.welcome h1{font-size:clamp(40px,12vw,48px);overflow-wrap:anywhere}.welcome>p{font-size:14px}.benefits{grid-template-columns:1fr}.benefits span{min-height:66px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;text-align:left}.benefits b{margin:0}.keyboard-art i{width:48px;height:48px}.auth-card{width:100%;padding:23px 16px}.tabs button{font-size:10px}.mascot{right:17px;width:63px;height:63px}.auth-card::before{inset:12px -8px -12px 10px}}

/* Espaço reservado para o menu global F5. */
html{overflow-x:hidden}
.kids-auth{padding-top:106px}
@media(max-width:530px){.kids-auth{padding-top:82px}}

.account-switch{width:100%;min-height:58px;margin-top:17px;padding:10px 14px;border:2px solid #dce7f7;border-radius:15px;background:#f7faff;color:#78869a;font:800 11px Nunito;cursor:pointer;text-align:center;transition:.18s}.account-switch span,.account-switch strong{display:block}.account-switch strong{margin-top:3px;color:var(--blue);font-size:14px}.account-switch:hover,.account-switch:focus-visible{outline:0;border-color:var(--blue);background:#eef5ff;transform:translateY(-2px)}.account-switch.is-highlight{border-color:#ffd668;background:linear-gradient(135deg,#fff9db,#fff1b8);box-shadow:0 8px 0 #ffd04d,0 14px 24px rgba(255,190,43,.16)}.account-switch.is-highlight strong{color:#a75a00}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
