:root{--navy:#15365d;--teal:#138f91;--coral:#ec735f;--gold:#eab64d;--muted:#68798b}.parent-page{background:#f6f8fa;color:#183553}.parent-nav{height:88px;padding:0 max(4vw,30px);display:flex;align-items:center;justify-content:space-between;background:#fff}.parent-nav>a:first-child{width:245px;height:67px}.parent-nav img{width:100%;height:100%;object-fit:contain;object-position:left center}.parent-nav>a:last-child{color:var(--navy);font-size:14px;font-weight:900}.parent-hero{min-height:315px;display:flex;align-items:center;background:linear-gradient(100deg,#15365df5,#15365dbb),url('assets/pollachi-03.png') center/cover}.resource-hero{background:linear-gradient(100deg,#15365df5,#15365dbb),url('assets/activity-cognitive.png') center/cover}.parent-hero>div{width:min(1160px,92%);margin:auto;color:#fff}.page-label{margin:0;color:#9de2dc;font-size:12px;font-weight:900;letter-spacing:.15em}.parent-hero h1{margin:7px 0;color:#fff;font-size:clamp(48px,6vw,72px)}.parent-hero p:last-child{max-width:530px;color:#e2edf4;font-size:17px}.parent-content{padding:75px 0}.monitoring-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}.monitoring-layout h2{color:var(--navy);font-size:46px}.info-grid,.resource-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:27px}.info-grid article,.resource-cards article{padding:24px;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(24,53,83,.1)}.info-grid b,.resource-cards span{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.08em}.info-grid h3,.resource-cards h3{margin:14px 0 7px;color:var(--navy);font-size:23px}.info-grid p,.resource-cards p,.resource-heading p{color:var(--muted);font-size:14px;line-height:1.6}.portal-card{padding:34px;border-top:5px solid var(--gold);border-radius:14px;background:#fff;box-shadow:0 17px 38px rgba(24,53,83,.14)}.portal-card span{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.12em}.portal-card h3{margin:12px 0;color:var(--navy);font-size:31px}.portal-card p{color:var(--muted)}.portal-card a{display:block;margin:22px 0 14px;padding:13px;border-radius:8px;text-align:center;color:#fff;background:var(--coral);font-weight:900}.portal-card small{color:#80909d;font-size:11px}.resource-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:42px}.resource-tabs a{padding:10px 15px;border:1px solid #dbe4ea;border-radius:7px;color:#536b7f;background:#fff;font-size:13px;font-weight:900}.resource-tabs a.active{border-color:var(--teal);color:#fff;background:var(--teal)}.resource-heading{max-width:680px}.resource-heading h2{margin:7px 0;color:var(--navy);font-size:45px}.resource-cards article{min-height:205px}.resource-cards button,.resource-cards a{border:0;padding:0;color:var(--teal);background:none;font:900 13px Nunito;cursor:pointer}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.recent-grid figure{margin:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(24,53,83,.1)}.recent-grid img{width:100%;height:240px;display:block;object-fit:cover}.recent-grid figcaption{padding:18px}.recent-grid b,.recent-grid span{display:block}.recent-grid b{color:var(--navy)}.recent-grid span{margin-top:4px;color:var(--muted);font-size:13px}.parent-footer{padding:22px;text-align:center;color:#b9c8d4;background:var(--navy);font-size:13px}@media(max-width:900px){.monitoring-layout{grid-template-columns:1fr}.info-grid,.resource-cards,.recent-grid{grid-template-columns:1fr}.portal-card{position:static}}@media(max-width:600px){.parent-nav{height:76px}.parent-nav>a:first-child{width:185px;height:55px}.parent-nav>a:last-child{font-size:12px}.parent-content{padding:55px 0}.parent-hero{min-height:275px}.monitoring-layout h2,.resource-heading h2{font-size:37px}}

/* ---------- worksheets tab ---------- */
.resource-cta{display:inline-block;margin-top:18px;padding:13px 22px;border-radius:999px;background:var(--coral);color:#fff;font-weight:900;font-size:14px}
.resource-cta:hover{background:#dc604c}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.mini-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e2e9ef;border-radius:12px;background:#fff}
.mini-card:hover{border-color:var(--teal)}
.mini-art{width:44px;height:44px;flex:none}
.mini-card b{display:block;color:var(--navy);font-size:15px}
.mini-card em{font-style:normal;font-size:12px;color:var(--muted)}

/* ---------- AI for kids ---------- */
.ai-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;align-items:start}
.ai-panel{padding:24px;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(24,53,83,.08)}
.ai-panel h3{margin:0 0 8px;color:var(--navy);font-size:22px}
.ai-lead{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.6}
.wonder,.story{margin:0 0 16px;padding:16px;border-radius:12px;background:#eef6f6;color:var(--navy);font-size:17px;font-weight:800;line-height:1.45}
.story{background:#fdf1e8}
.ai-btn{padding:11px 18px;border:0;border-radius:999px;background:var(--navy);color:#fff;font:900 13px Nunito;cursor:pointer}
.ai-btn:hover{background:#0f2744}
.train-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.train-card{padding:10px 8px;border:2px solid #e6ecf1;border-radius:12px;text-align:center}
.train-card b{display:block;margin:4px 0 8px;font-size:12px;color:var(--navy)}
.train-art{width:44px;height:44px}
.train-buttons{display:grid;gap:5px}
.train-buttons button{padding:6px;border:1px solid #dbe4ea;border-radius:7px;background:#fff;color:#4b6073;font:800 11px Nunito;cursor:pointer}
.train-buttons button:hover:not(:disabled){border-color:var(--teal)}
.train-buttons button.is-on{border-color:var(--teal);background:var(--teal);color:#fff}
.train-card.is-set{border-color:var(--teal);background:#f3fafa}
.train-card.is-wrong{border-color:var(--coral);animation:nudge .35s}
@keyframes nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.ai-status{margin:14px 0 0;font-size:13px;font-weight:800;color:var(--muted)}
.robot-box{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px;border-radius:12px;background:#eef6f6}
.robot,.robot-test{width:56px;height:56px;flex:none}
.robot-box p{margin:0 0 12px;color:var(--navy);font-size:14px;line-height:1.55;font-weight:700}
.ai-rules{margin-top:26px;padding:26px 30px;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(24,53,83,.08)}
.ai-rules h3{margin:0 0 12px;color:var(--navy);font-size:24px}
.ai-rules ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.75;max-width:78ch}

/* ---------- EduMag ---------- */
.mag-list{display:grid;gap:12px;margin-top:30px}
.mag-item{border:1px solid #e2e9ef;border-radius:14px;background:#fff;overflow:hidden}
.mag-item.is-open{border-color:var(--teal);box-shadow:0 14px 30px rgba(24,53,83,.1)}
.mag-head{display:block;width:100%;padding:22px 26px;border:0;background:none;text-align:left;cursor:pointer}
.mag-tag{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.06em}
.mag-head h3{margin:8px 0 6px;color:var(--navy);font-size:26px}
.mag-head p{margin:0;color:var(--muted);font-size:15px}
.mag-time{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;color:#93a4b2}
.mag-body{padding:0 26px 26px;max-width:72ch}
.mag-body p{margin:0 0 14px;color:#3d5164;font-size:15.5px;line-height:1.75}
.mag-note{margin-top:22px;padding:22px 26px;border-left:5px solid var(--gold);border-radius:12px;background:#fff}
.mag-note b{color:var(--navy)}
.mag-note p{margin:6px 0 0;color:var(--muted);font-size:14px}

@media(max-width:900px){
  .mini-grid,.ai-panels,.train-grid{grid-template-columns:repeat(2,1fr)}
  .mag-head h3{font-size:22px}
}
@media(max-width:600px){
  .mini-grid,.ai-panels{grid-template-columns:1fr}
  .mag-head,.mag-body{padding-left:18px;padding-right:18px}
}

/* ---------- social row (footer) ---------- */
.social-row{display:flex;gap:10px;justify-content:center;margin-top:14px}
.social-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff2e;color:#b9c8d4;background:#ffffff0f;transition:.2s}
.social-btn svg{width:17px;height:17px}
.social-btn:hover{color:#fff;transform:translateY(-2px)}
.social-instagram:hover{background:linear-gradient(135deg,#f58529,#dd2a7b 60%,#8134af)}
.social-whatsapp:hover{background:#25d366}
.social-facebook:hover{background:#1877f2}
.social-youtube:hover{background:#ff0000}