:root{--brand-blue-50:#f2faff;--brand-blue-100:#dff4ff;--brand-blue-200:#bde9ff;--brand-blue-300:#8fdbff;--brand-blue-400:#55c9ff;--brand-blue-500:#1daef2;--brand-blue-600:#0b90d5;--brand-blue-700:#0872ae;--yellow:#ffd84d;--orange:#ff9f43;--green:#45cc7a;--purple:#8b6ef3;--background:#f4fbff;--surface:#fff;--text-primary:#16324a;--brand-radius:24px;--brand-shadow:0 16px 40px rgba(9,112,174,.13)}
body{background:radial-gradient(circle at 8% 12%,#dff4ff 0 9%,transparent 25%),linear-gradient(180deg,#f5fbff,#eef9ff);color:var(--text-primary);font-family:Nunito,"Segoe UI",ui-rounded,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(#55c9ff33 1.5px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#0004,transparent 55%)}
.topbar{position:relative;z-index:30;min-height:74px;padding:10px clamp(16px,4vw,52px);background:linear-gradient(100deg,#078ce0,#1db5f3);border:0;box-shadow:0 8px 30px #0872ae24;color:#fff}
.brand-lockup{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.brand-lockup>span:last-child{display:grid;line-height:.86}.brand-lockup b{font-size:25px;font-weight:1000;letter-spacing:-1.2px;text-shadow:0 2px 0 #07569a}.brand-lockup strong{width:max-content;margin-left:18px;padding:3px 9px;border-radius:99px;background:var(--yellow);color:#07569a;font-size:13px;font-weight:1000;transform:rotate(-2deg);box-shadow:0 2px 0 #e7a900}.brand-spark{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:var(--yellow);color:#fff;font-size:20px;transform:rotate(-8deg);box-shadow:0 5px 0 #dca900}.userbox small{color:#dff4ff}.link-button{min-height:42px;padding:0 16px;border:1px solid #ffffff88;border-radius:99px;color:#fff;background:#ffffff18}.link-button:hover{background:#fff;color:#0872ae}
.workspace-nav,.portal-nav{position:relative;z-index:25;display:flex;justify-content:center;gap:5px;padding:9px 16px;background:#fff;border:0;border-bottom:1px solid var(--brand-blue-100);box-shadow:0 5px 18px #0872ae0d;overflow-x:auto}.workspace-nav a,.portal-nav a{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border-radius:14px;color:#456a80;font-weight:900;text-decoration:none;white-space:nowrap}.workspace-nav a span,.portal-nav a span{color:var(--brand-blue-600);font-size:18px}.workspace-nav a:hover,.workspace-nav a.active,.portal-nav a:hover,.portal-nav a.active{background:var(--brand-blue-100);color:var(--brand-blue-700)}
.page{width:min(1180px,calc(100% - 32px));margin:30px auto 80px}.card{border:1px solid #d6eef9;border-radius:var(--brand-radius);box-shadow:var(--brand-shadow)}.btn{min-height:50px;border-radius:16px;transition:transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,#15b4f5,#0872d5);box-shadow:0 10px 22px #0b90d536}.btn.secondary{background:#e9f7ff;color:#0872ae}.eyebrow{color:#0872ae}.alert{border-radius:18px;box-shadow:0 8px 22px #0872ae12}
/* Login */
.role-guest .topbar{display:none}.role-guest .page{width:100%;margin:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);background:#fff}.login-visual{position:relative;min-height:100vh;padding:clamp(28px,5vw,70px);overflow:hidden;background:linear-gradient(145deg,#078ee5 0%,#23bdf4 56%,#95e4ff 100%);color:#fff}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;background:#fff1}.login-visual:before{width:460px;height:460px;right:-150px;top:-180px}.login-visual:after{width:560px;height:240px;left:-120px;bottom:-130px;background:#8fd14b}.brand-lockup-light{position:relative;z-index:2}.brand-lockup-light b{font-size:34px}.brand-lockup-light strong{font-size:16px}.login-copy{position:relative;z-index:2;width:min(580px,90%);margin-top:8vh}.login-copy .eyebrow{color:#fff}.login-copy h1{margin:8px 0 16px;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-2.5px}.login-copy p{max-width:500px;font-size:18px}.mascot{display:block;object-fit:contain;object-position:center bottom}.mascot-login{position:absolute;z-index:2;right:2%;bottom:-5%;width:min(54vw,700px);height:72vh;filter:drop-shadow(0 22px 20px #064b9144)}.math-doodle span{position:absolute;z-index:1;color:#fff7;font-weight:1000;font-size:54px}.math-doodle span:nth-child(1){left:7%;bottom:24%;transform:rotate(-12deg)}.math-doodle span:nth-child(2){right:8%;top:24%;transform:rotate(12deg)}.math-doodle span:nth-child(3){left:42%;top:6%}.math-doodle span:nth-child(4){right:34%;bottom:12%;color:#ffd84d}.login-card{align-self:center;width:min(470px,calc(100% - 44px));margin:auto;padding:clamp(28px,4vw,48px);border:0;box-shadow:none}.login-mobile-brand{display:none}.login-card h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}.login-card input{min-height:56px;border:2px solid #d8edf7;border-radius:16px;background:#fbfdff}.login-card .btn{font-size:17px}.login-note{text-align:center;color:#6d8798;font-size:13px;font-weight:800;margin:22px 0 0}
/* Hero and dashboards */
.hero,.portal-hero,.practice-hero{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:32px;box-shadow:var(--brand-shadow)}.hero:after,.portal-hero:after,.practice-hero:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-80px;top:-100px;border-radius:50%;background:#fff3}.dashboard-hero{min-height:245px;background:linear-gradient(120deg,#098ee3,#2abcf3);color:#fff}.dashboard-hero .eyebrow,.dashboard-hero p{color:#fff}.dashboard-hero.coach{padding-right:280px}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-btn{background:var(--yellow);color:#085c9d}.hero-btn.soft{background:#fff;color:#0872ae}.mascot-coach{position:absolute;right:24px;bottom:-40px;width:250px;height:270px;filter:drop-shadow(0 12px 12px #07518d44)}.hero-bubble{background:linear-gradient(135deg,#ffd84d,#ff9f43);box-shadow:0 12px 30px #ff9f4344}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.feature{position:relative;overflow:hidden;min-height:220px;transition:transform .18s ease,box-shadow .18s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 22px 46px #0872ae24}.feature:nth-child(4n+1) .icon{background:#dff4ff;color:#0872ae}.feature:nth-child(4n+2) .icon{background:#fff1b6;color:#a76800}.feature:nth-child(4n+3) .icon{background:#dcf8eb;color:#087354}.feature:nth-child(4n+4) .icon{background:#eee5ff;color:#6544c5}.feature .btn{margin-top:auto}
/* Parent and student portals */
.child-picker{border-left:6px solid var(--yellow)}.portal-hero{min-height:280px;padding:38px 42% 38px 38px}.student-hero{background:linear-gradient(130deg,#0c92e8,#4dccff);color:#fff}.parent-hero{background:linear-gradient(130deg,#fff,#dff4ff)}.student-hero .eyebrow,.student-hero p{color:#fff}.portal-hero h1{position:relative;z-index:2}.portal-cta{margin-top:16px;background:var(--yellow);color:#07569a;box-shadow:0 10px 25px #07569a26}.mascot-portal{position:absolute;right:2%;bottom:-10%;width:40%;height:120%;filter:drop-shadow(0 12px 12px #07518d33)}.parent-hero .mascot-portal{width:32%;height:104%;opacity:.95}.portal-grid{gap:18px}.portal-card{border:1px solid #d9eff9;box-shadow:var(--brand-shadow);transition:transform .18s ease}.portal-card:hover{transform:translateY(-3px)}.accent-sky{background:linear-gradient(145deg,#fff,#cdecff)}.accent-yellow{background:linear-gradient(145deg,#fff,#fff0a8)}.accent-green{background:linear-gradient(145deg,#fff,#d6f8e5)}.accent-purple{background:linear-gradient(145deg,#fff,#ebe4ff)}.portal-icon{box-shadow:0 7px 15px #0872ae14}.portal-link{color:#0872ae}
/* Internal operational screens */
.section-heading,.hero.compact{padding:28px;border-radius:28px;background:linear-gradient(135deg,#fff,#e7f7ff);border:1px solid #cdebf8}.hero.compact{box-shadow:0 12px 30px #0872ae10}.schedule-filter,.attendance-filter,.spr-form,.bank-section,.academic-form{border-top:5px solid var(--brand-blue-500)}.session-row,.attendance-card,.spr-history-card,.practice-card,.level-card{transition:border-color .16s ease,transform .16s ease}.session-row:hover,.attendance-card:hover,.spr-history-card:hover,.practice-card:hover{border-color:var(--brand-blue-300);transform:translateY(-2px)}.time-block{background:linear-gradient(145deg,#e6f7ff,#c9ecff);box-shadow:inset 0 0 0 1px #b9e4f8}.attendance-btn{border-radius:18px}.attendance-btn.hadir{border-color:#53d58c;background:#f4fff8}.attendance-btn.tidak-hadir{background:#fff8f8}.rating-chips span,.answer-options span{border-radius:16px}.rating-chips input:focus-visible+span,.answer-options input:focus-visible+span{outline:3px solid #ffd84d;outline-offset:2px}.friendly-empty,.empty,.empty-state{position:relative;overflow:hidden;min-height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e8f7ff);border-style:dashed}.status-chip,.badge,.capacity,.friendly-status,.spr-status{border:1px solid currentColor}
input,select,textarea{font-size:16px}.btn,.attendance-btn,.child-tab,.workspace-nav a,.portal-nav a{touch-action:manipulation}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd84d;outline-offset:3px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:360px;padding:28px}.login-copy{margin-top:30px}.login-copy h1{font-size:42px}.login-copy p{max-width:55%}.mascot-login{right:0;bottom:-15px;width:48%;height:78%}.login-card{padding:36px 26px}.dashboard-hero.coach{padding-right:220px}.mascot-coach{width:205px}.portal-hero{padding-right:38%}.mascot-portal{width:42%}}
@media(max-width:760px){body{padding-bottom:82px}.topbar{min-height:66px;padding:8px 13px}.brand-lockup b{font-size:21px}.brand-lockup strong{font-size:11px;margin-left:12px}.brand-spark{width:32px;height:32px}.page{width:calc(100% - 20px);margin-top:16px}.workspace-nav,.portal-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;justify-content:space-around;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #d8edf8;box-shadow:0 -9px 26px #0872ae1a;overflow:visible}.workspace-nav a,.portal-nav a{flex:1;min-width:0;min-height:60px;flex-direction:column;justify-content:center;gap:0;padding:4px 2px;font-size:10px}.workspace-nav a span,.portal-nav a span{font-size:18px}.dashboard-hero,.dashboard-hero.coach{min-height:230px;padding:24px 42% 24px 22px}.dashboard-hero h1{font-size:34px}.mascot-coach{right:-14px;bottom:-18px;width:45%;height:220px}.hero-actions{display:grid}.hero-btn{min-height:44px;padding:0 12px}.portal-hero{min-height:230px;padding:24px 43% 24px 22px}.portal-hero h1{font-size:36px}.mascot-portal,.parent-hero .mascot-portal{right:-6%;width:50%;height:105%}.portal-cta{min-height:46px;padding:0 14px}.section-heading,.hero.compact{padding:22px}.card{border-radius:20px}.topbar+.workspace-nav+.page{margin-top:16px}}
@media(max-width:520px){.login-visual{min-height:300px;padding:20px}.brand-lockup-light{display:none}.login-copy{margin-top:0;width:65%}.login-copy h1{font-size:31px;letter-spacing:-1px}.login-copy p{font-size:14px;max-width:100%}.mascot-login{right:-8%;width:52%;height:80%}.login-card{width:calc(100% - 24px);margin-top:-22px;position:relative;z-index:4;border-radius:28px;box-shadow:0 -10px 35px #07569a20}.login-mobile-brand{display:inline-flex;margin-bottom:28px;color:#0872ae}.login-mobile-brand b{text-shadow:none}.dashboard-hero,.dashboard-hero.coach{padding-right:38%;}.mascot-coach{right:-30px;width:48%}.portal-hero{padding:22px 38% 22px 20px}.portal-hero h1{font-size:30px}.portal-hero p{font-size:14px}.mascot-portal,.parent-hero .mascot-portal{right:-10%;width:52%}.hero-actions .soft{display:none}}
@media(max-width:390px){.page{width:calc(100% - 16px)}.userbox{gap:7px}.link-button{padding:0 11px}.login-visual{min-height:276px}.login-copy h1{font-size:28px}.login-card{padding:28px 20px}.portal-hero{min-height:215px}.portal-cta{font-size:13px}.cards{grid-template-columns:1fr}.feature{min-height:190px}.workspace-nav a,.portal-nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v013 — official Sakamoto-inspired identity for TC. Tlogosari */
:root{--official-yellow:#ffdd16;--official-blue:#178fca;--official-sky:#dff5ff;--official-green:#91cf3d;--ink:#183e60;--premium-shadow:0 18px 46px rgba(20,106,151,.15)}
body{background:linear-gradient(180deg,#eaf9ff 0,#f8fdff 36%,#f4fbff 100%);color:var(--ink)}
body:before{background-image:radial-gradient(circle,#42bce530 2px,transparent 2px),linear-gradient(115deg,transparent 47%,#fff8 48% 52%,transparent 53%);background-size:32px 32px,220px 220px;opacity:.52}
.topbar{min-height:88px;padding-block:8px;background:linear-gradient(100deg,#088dc8,#16b2e5 70%,#39c6ea);border-bottom:7px solid var(--official-yellow);box-shadow:0 8px 24px #11698f30}
.brand-official{gap:12px}.brand-logo-frame{display:grid;place-items:center;width:128px;height:64px;padding:5px 7px;border-radius:17px;background:#fff;box-shadow:0 6px 0 #0877aa,0 10px 22px #075c8e2c;overflow:hidden}.brand-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}.center-identity{display:grid!important;align-content:center;line-height:1.04!important}.center-identity b{color:#fff;font-size:24px!important;font-weight:1000;letter-spacing:-1px;text-shadow:0 2px 0 #096897}.center-identity strong{margin:5px 0 0!important;padding:4px 11px!important;background:var(--official-yellow)!important;color:#174b74!important;font-size:12px!important;letter-spacing:.9px;text-transform:uppercase;transform:none!important;box-shadow:none!important}
.workspace-nav,.portal-nav{padding-block:10px;border-bottom:1px solid #cbeaf5;background:#ffffffed;backdrop-filter:blur(14px)}.workspace-nav a,.portal-nav a{border-radius:18px}.workspace-nav a.active,.portal-nav a.active{background:linear-gradient(145deg,#dcf5ff,#c7efff);box-shadow:inset 0 -3px 0 #7cd1ef;color:#075d8a}
.page{margin-top:34px}.card,.portal-card{border-color:#cceaf6;box-shadow:var(--premium-shadow)}
.login-shell{grid-template-columns:minmax(0,1.3fr) minmax(400px,.7fr);background:#f9fdff}.login-visual{background:linear-gradient(154deg,#8eddf4 0%,#21b0df 43%,#078fc9 100%);border-right:8px solid var(--official-yellow)}
.login-visual:before{width:620px;height:280px;right:-180px;top:-120px;background:#ffffff35;box-shadow:-430px 95px 0 #ffffff1f}.login-visual:after{width:120%;height:220px;left:-8%;bottom:-125px;background:var(--official-green);border-radius:50% 50% 0 0/45% 45% 0 0;box-shadow:0 -22px 0 #b6df5b}
.login-landscape{position:absolute;z-index:1;left:-4%;right:-4%;bottom:53px;height:130px;border-radius:50% 48% 0 0;background:linear-gradient(165deg,#aee052,#80c936);clip-path:polygon(0 56%,15% 37%,27% 60%,46% 23%,63% 55%,81% 30%,100% 57%,100% 100%,0 100%);opacity:.97}
.brand-lockup-light{align-items:center}.brand-lockup-light .brand-logo-frame{width:164px;height:82px}.brand-lockup-light .center-identity b{font-size:30px!important}.brand-lockup-light .center-identity strong{font-size:14px!important}
.login-copy{margin-top:7vh}.login-copy h1{font-size:clamp(45px,5vw,74px);max-width:680px;text-shadow:0 4px 0 #0874a7;letter-spacing:-3px}.login-copy p{font-weight:750;text-shadow:0 1px 0 #0874a7}.learning-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.learning-pills span{padding:8px 14px;border:2px solid #ffffffbd;border-radius:99px;background:#ffffff24;color:#fff;font-size:13px;font-weight:950;box-shadow:0 6px 16px #07598221}
.mascot-login{right:-1%;bottom:-20%;width:min(50vw,680px);height:67vh;z-index:3;filter:drop-shadow(0 24px 18px #07588155)}
.login-card{width:min(480px,calc(100% - 50px));padding:44px;border:1px solid #d9eef7;border-radius:34px;background:#fff;box-shadow:0 28px 70px #075d8f25}.login-card:before{content:"TC. TLOGOSARI";display:inline-flex;margin-bottom:18px;padding:7px 12px;border-radius:10px;background:#fff5b3;color:#705c00;font-size:12px;font-weight:1000;letter-spacing:1.2px}.login-card h1{color:#123f63}.login-card label{color:#315c75;font-weight:900}.login-card input{background:#f8fcff;border-color:#c8e7f3;box-shadow:inset 0 2px 5px #116b9230}.login-card input:focus{border-color:#16a9dc;box-shadow:0 0 0 4px #b9ebfa}.login-card .btn.primary{background:linear-gradient(135deg,#13afe0,#087fb7);border-bottom:5px solid #07638f;font-weight:1000;letter-spacing:.2px}.login-note span{color:#f0bd00}
.hero,.portal-hero,.practice-hero{border-radius:36px;box-shadow:0 22px 52px #0f739d26}.dashboard-hero{background:linear-gradient(120deg,#087fb9,#18addd 60%,#78d5ed);border-bottom:9px solid var(--official-yellow)}.dashboard-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 76% 24%,#fff5 0 9px,transparent 10px),radial-gradient(circle at 84% 43%,#ffdd16 0 7px,transparent 8px),linear-gradient(135deg,transparent 63%,#ffffff18 64% 73%,transparent 74%)}.dashboard-hero h1{font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:-2px;text-shadow:0 3px 0 #07628f}.dashboard-hero p{font-size:17px;font-weight:750}.hero-bubble{display:grid;place-items:center;right:7%;width:170px;height:170px;border:8px solid #fff6;border-radius:50%;background:var(--official-yellow);color:#075d8a;transform:rotate(7deg)}.hero-bubble span{font-size:42px;font-weight:1000;line-height:1}.hero-bubble small{text-align:center;font-weight:1000;line-height:1.1}.mascot-coach{width:300px;height:300px}
.feature{border-top:7px solid var(--brand-blue-400);border-radius:28px}.feature:nth-child(4n+2){border-top-color:var(--official-yellow)}.feature:nth-child(4n+3){border-top-color:var(--official-green)}.feature:nth-child(4n+4){border-top-color:var(--orange)}.feature h2{color:#123f63}.feature .icon{width:64px;height:64px;border-radius:22px;font-size:27px;box-shadow:0 8px 18px #0d749d1b}
.child-picker{border:0;border-top:7px solid var(--official-yellow);background:linear-gradient(120deg,#fff,#f1fbff)}.child-tab{border-width:2px!important;border-radius:99px!important}.child-tab.active{box-shadow:0 6px 16px #0b90d52d}
.portal-hero{min-height:310px}.student-hero{background:linear-gradient(125deg,#0785c2 0,#12abe0 56%,#81ddf2 100%);border-bottom:9px solid var(--official-yellow)}.student-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(155deg,transparent 65%,#8ecf3f 66% 77%,#b1de5c 78%);opacity:.9}.parent-hero{background:linear-gradient(125deg,#fff 0,#eefaff 52%,#bfeeff 100%);border-bottom:9px solid #64c9ec}.portal-hero h1{font-size:clamp(40px,5vw,60px);letter-spacing:-2px}.student-hero h1{text-shadow:0 3px 0 #08628f}.portal-hero p{font-size:17px;font-weight:750}.portal-cta{border:2px solid #fff8;border-bottom:5px solid #d5a900;font-weight:1000}.hero-stars{position:absolute;top:24px;right:31%;color:#fff8;font-size:26px;font-weight:1000;letter-spacing:9px;transform:rotate(-8deg)}
.portal-grid{gap:22px}.portal-card{border-radius:28px;border-top:6px solid #4dbde7}.portal-card:nth-child(2){border-top-color:var(--official-yellow)}.portal-card:nth-child(3){border-top-color:var(--official-green)}.portal-card:nth-child(4){border-top-color:var(--purple)}.portal-card h2{color:#123f63}.portal-icon{width:58px;height:58px;border-radius:19px;font-size:25px}
.section-heading,.hero.compact{position:relative;overflow:hidden;padding:32px;border:0;border-left:8px solid var(--official-yellow);background:linear-gradient(120deg,#fff,#e6f8ff);box-shadow:0 16px 38px #126c9120}.section-heading:after,.hero.compact:after{content:"TC. TLOGOSARI";position:absolute;right:24px;top:22px;padding:6px 10px;border-radius:99px;background:#d8f3ff;color:#08709f;font-size:10px;font-weight:1000;letter-spacing:1px}.schedule-filter,.attendance-filter,.spr-form,.bank-section,.academic-form{border-top:7px solid var(--official-blue);border-radius:26px}.session-row,.attendance-card,.spr-history-card,.practice-card,.level-card{border-radius:24px!important;box-shadow:0 12px 28px #0d759917}.status-chip,.badge,.capacity,.friendly-status,.spr-status{font-weight:900;box-shadow:0 4px 10px #0e6e9212}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:440px;border-right:0;border-bottom:8px solid var(--official-yellow)}.login-copy{margin-top:22px}.mascot-login{bottom:-8%;height:78%;width:48%}.login-card{margin-block:30px}.brand-lockup-light .brand-logo-frame{width:134px;height:66px}.brand-lockup-light .center-identity b{font-size:25px!important}}
@media(max-width:760px){.topbar{min-height:78px;border-bottom-width:5px}.topbar .brand-logo-frame{width:76px;height:45px;border-radius:12px}.topbar .center-identity b{font-size:17px!important}.topbar .center-identity strong{font-size:9px!important;padding:3px 7px!important}.portal-hero{min-height:250px}.hero-stars{display:none}.dashboard-hero h1{font-size:35px}.hero-bubble{right:4%;width:112px;height:112px;border-width:5px}.hero-bubble span{font-size:30px}.hero-bubble small{font-size:10px}.section-heading:after,.hero.compact:after{position:static;display:inline-flex;margin-top:12px}}
@media(max-width:520px){.login-visual{min-height:390px;padding:18px}.brand-lockup-light{display:flex}.brand-lockup-light .brand-logo-frame{width:106px;height:54px}.brand-lockup-light .center-identity b{font-size:19px!important}.brand-lockup-light .center-identity strong{font-size:10px!important}.login-copy{width:64%;margin-top:24px}.login-copy h1{font-size:31px}.login-copy p{font-size:13px}.learning-pills{display:none}.mascot-login{right:-10%;bottom:-2%;width:58%;height:72%}.login-landscape{bottom:25px}.login-card{width:calc(100% - 20px);margin-top:-28px;padding:30px 22px}.login-mobile-brand{display:none}.portal-hero{padding-right:40%}.portal-hero h1{font-size:31px}.mascot-portal,.parent-hero .mascot-portal{right:-12%;width:56%}.topbar .userbox>span{display:none}}
@media(max-width:390px){.topbar .brand-official{gap:7px}.topbar .brand-logo-frame{width:69px}.topbar .center-identity b{font-size:15px!important}.topbar .center-identity strong{font-size:8px!important}.login-visual{min-height:370px}.login-copy{width:62%}.login-copy h1{font-size:28px}.login-card h1{font-size:31px}.portal-hero{min-height:235px}.portal-hero p{font-size:13px}}