@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:'Nunito',sans-serif;color:#123778;background:#fffaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #ed9b00;outline-offset:5px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Baloo 2',sans-serif;line-height:1.1}button:disabled{cursor:default}.shell{min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 8% 50%,#e4f4ff 0,transparent 30%),radial-gradient(circle at 90% 80%,#fff0b4 0,transparent 30%),#fffaf0}.top{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px;font-weight:900;letter-spacing:.04em}.brand-mark{width:42px;height:42px;border-radius:14px;background:#153d95;color:#ffcf22;display:grid;place-items:center;font-size:30px;box-shadow:0 4px 0 #092564}.brand small{display:block;font-size:12px;letter-spacing:.15em;color:#6881a3}.top-note{font-size:14px;font-weight:800;background:white;border:1px solid #dbe5ec;padding:9px 16px;border-radius:30px}.home{flex:1;display:grid;grid-template-columns:1fr 260px;max-width:1260px;width:90%;margin:0 auto;align-items:center;gap:32px;padding:15px 0 35px}.intro{position:relative}.eyebrow{font-size:15px;font-weight:900;letter-spacing:.16em;color:#3766ad;margin-bottom:12px}.home h1{font-size:clamp(60px,6.6vw,100px);letter-spacing:-.035em;color:#113f99;text-shadow:0 4px 0 #d4e5ff}.home h1 span{display:block;font-size:.44em;letter-spacing:.03em;color:#eea600;text-shadow:none;margin-top:3px}.intro>p{margin:20px 0 28px;font-size:20px;color:#5d6c85}.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.menu-card{background:white;border:2px solid var(--light);border-bottom:6px solid var(--accent);border-radius:21px;min-height:132px;padding:18px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#163766;font-size:16px;font-weight:900;transition:transform .15s,box-shadow .15s}.menu-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #18395e12}.icon{font-size:27px;color:var(--accent);background:var(--light);width:48px;height:48px;border-radius:15px;display:grid;place-items:center}.menu-card:nth-child(4){grid-column:1 / 2}.teacher{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mascot{width:260px;height:485px;background-image:url('assets/magno.png');background-size:955px auto;background-position:-691px -23px;background-repeat:no-repeat;border-radius:130px 130px 70px 70px;mix-blend-mode:multiply}.speech{font-family:'Baloo 2';font-size:25px;font-weight:800;transform:rotate(3deg);padding:15px 22px;border:2px solid #f0c93c;border-radius:20px;background:#fff4bd;text-align:center;margin-top:-5px}.speech span{display:block;font:700 14px 'Nunito'}.footer{display:flex;align-items:center;justify-content:center;gap:12px;background:#103e98;color:white;min-height:58px;padding:12px;text-align:center;font-size:16px;font-weight:800}.footer b{color:#ffda31}.footer .star{font-size:27px;color:#ffda31}.inner{width:min(1150px,90%);margin:18px auto 45px;flex:1}.nav{display:flex;gap:12px}.plain{border:1px solid #cbd9e9;background:#fff;border-radius:12px;color:#245192;padding:10px 17px;font-weight:800}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0}.heading h1{font-size:44px}.heading p{font-size:18px;color:#64768c;margin-top:12px}.pill{background:#e6f5e8;color:#287248;border-radius:25px;padding:12px 20px;font-weight:900;white-space:nowrap}.students{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.student{border:2px solid #dce9ed;border-radius:16px;background:white;display:flex;align-items:center;gap:12px;padding:17px;color:#244976;text-align:left;font-size:18px;font-weight:800}.avatar{background:#eaf2ff;color:#2255a1;display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;border-radius:50%}.check{margin-left:auto;color:#338151}.student.absent{background:#f0f0ed;border-color:#dcdedc;color:#7d858d}.absent .name{text-decoration:line-through}.absent .check{color:#90969b}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.primary{background:#174cab;border:0;border-bottom:4px solid #0c3072;border-radius:14px;padding:14px 24px;color:white;font-size:18px;font-weight:900}.modes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mode{min-height:155px;flex-direction:row;justify-content:flex-start;padding:28px;font-size:22px;gap:20px}.mode .icon{height:65px;width:65px;font-size:36px}.panel{background:white;border:2px solid #e1e9ee;border-radius:24px;padding:35px}.demo{text-align:center;max-width:850px;margin:35px auto}.demo-symbol{font-size:65px;display:block;margin:12px}.demo h2{font-size:34px;margin-bottom:15px}.demo p{font-size:20px;line-height:1.6;color:#63738a}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:26px}.step .number{font:800 28px 'Baloo 2';color:#2472cb;margin-bottom:18px}.step h2{font-size:23px;margin-bottom:12px}.step p{font-size:20px;margin-bottom:20px}.placeholder{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7edf3;padding:25px 0;font-size:20px}.placeholder:last-child{border:0}.soon{font-size:14px;background:#eff3f8;padding:6px 12px;border-radius:20px;color:#64738b}.projection{min-height:100vh;background:#103e98;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.projection .bigstar{font-size:80px;color:#ffce22}.projection h1{font-size:clamp(70px,12vw,180px);color:#ffce22;line-height:1.05}.projection h2{font-size:clamp(22px,3vw,46px);margin-top:22px}.projection p{font-size:20px;margin-top:30px;color:#c0d6ff}.exit{position:fixed;bottom:20px;right:20px;background:transparent;border:1px solid #7596ce;color:#dce9ff;border-radius:12px;padding:10px 16px}.empty-icon{font-size:64px;margin-bottom:20px}.home .menu-card:last-child{grid-column:2 / 4}.home .menu-card:last-child{flex-direction:row}.home .menu-card:nth-child(4){flex-direction:row}.home .menu-card:nth-child(n+4){min-height:100px}@media(min-width:1600px){.home{max-width:1450px;grid-template-columns:1fr 310px}.menu-card{min-height:155px;font-size:20px}.home h1{font-size:115px}}@media(max-width:950px){.home{grid-template-columns:1fr 190px;gap:15px}.mascot{width:190px;height:360px;background-size:710px auto;background-position:-514px -18px}.speech{font-size:20px}.menu{gap:10px}.menu-card{font-size:14px}.students{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr}.top-note{display:none}}@media(max-width:650px){.home{display:block;padding-top:30px}.home h1{font-size:64px}.teacher{display:none}.menu{grid-template-columns:repeat(2,1fr)}.home .menu-card:nth-child(4){grid-column:auto;flex-direction:column}.home .menu-card:last-child{grid-column:1 / 3}.top{padding:20px 5%}.brand{font-size:14px}.students{grid-template-columns:repeat(2,1fr);gap:10px}.student{font-size:15px;padding:12px;gap:7px}.avatar{width:29px;height:29px;font-size:14px}.heading{align-items:start;flex-direction:column}.heading h1{font-size:34px}.modes{grid-template-columns:1fr}.footer{font-size:12px}.inner{margin-top:0}.actions{flex-wrap:wrap}.mode{font-size:19px}.panel{padding:24px}.placeholder{font-size:16px}.projection h1{font-size:64px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:651px){.home .menu{grid-template-columns:repeat(6,1fr)}.home .menu-card{grid-column:span 2;min-height:125px}.home .menu-card:nth-child(4){grid-column:2 / 4;flex-direction:column}.home .menu-card:last-child{grid-column:4 / 6;flex-direction:column}}