:root{font-family:'Trebuchet MS',Arial,sans-serif;color:#164638;background:#f0f7f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 7% 18%,#e4f1e5,transparent 36%),radial-gradient(circle at 92% 65%,#eee7fb,transparent 34%),#f0f7f5}header{max-width:1080px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hub-brand{font-size:25px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:#164638}.school-back{color:#164638;background:#fff;border:1px solid #d6e8df;border-radius:16px;padding:12px 16px;min-height:44px;text-decoration:none;font-size:14px;font-weight:800}main{max-width:1040px;margin:auto;padding:22px 24px 50px;text-align:center}h1{font-size:clamp(32px,5vw,46px);letter-spacing:-1.2px;margin:10px 0 12px;line-height:1.1}.hub-intro{color:#60766b;font-size:17px;margin:0 0 28px;line-height:1.5}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hub-tile{--tile:#e9e0fb;display:grid;grid-template-rows:150px auto;align-items:center;justify-items:center;gap:10px;padding:20px 14px;min-width:0;min-height:225px;border:2px solid #fff;border-radius:28px;background:var(--tile);text-decoration:none;color:#164638;box-shadow:0 5px 16px #204f3d08;transition:transform .15s}.hub-tile:hover{transform:translateY(-3px)}.hub-tile:focus-visible,.school-back:focus-visible,.hub-brand:focus-visible{outline:4px solid #7752c7;outline-offset:4px}.hub-art{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:150px;min-width:0}.hub-art>img{display:block;width:100%;max-width:195px;height:150px;object-fit:contain}.hub-art.counting>img{width:95px}.hub-art.counting>b{font-size:72px;color:#d99428}.hub-art.avatars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;max-width:235px}.hub-art.avatars>img{width:100%;height:130px;min-width:0}.hub-tile h2{font-size:20px;line-height:1.25;margin:0;max-width:100%}.movement-grid{max-width:360px;margin:auto}.coming-next{margin:30px 0 0;color:#60766b;font-size:15px}.hub-kicker{font-weight:800;font-size:12px;letter-spacing:2px;color:#6b8a7b;margin:0 0 14px}@media(max-width:700px){header{padding:18px 16px}.hub-brand{font-size:21px}.school-back{font-size:12px;padding:11px}main{padding:16px 16px 40px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hub-tile{grid-template-rows:112px auto;padding:15px 8px;min-height:184px;border-radius:24px;gap:8px}.hub-art,.hub-art>img{height:112px}.hub-art>img{max-width:160px}.hub-art.counting>img{width:65px}.hub-art.counting>b{font-size:52px}.hub-art.avatars>img{height:105px}.hub-tile h2{font-size:16px}.hub-intro{font-size:15px;margin-bottom:24px}.movement-grid{max-width:330px}.movement-grid .hub-tile{min-height:230px;grid-template-rows:155px auto}.movement-grid .hub-art,.movement-grid .hub-art>img{height:150px}}@media(prefers-reduced-motion:reduce){.hub-tile{transition:none}.hub-tile:hover{transform:none}}