:root{--ink:#082d7d;--muted:#42547c;--paper:#fff;--cream:#fff;--sky:#eaf3ff;--blue:#082d7d;--blue-dark:#082d7d;--sage:#edf8ff;--plum:#fff0f6;--coral:#ff3b86;--line:#e6ecf7;--shadow:0 16px 40px rgba(8,45,125,.11);font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}body{background:#fff;color:var(--ink)}.shell{max-width:1400px;padding:0 max(4vw,24px) 70px}.hero{min-height:610px;padding:72px 50% 64px 2%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 48%,#ffe8f0 0 27%,transparent 28%),radial-gradient(circle at 2% 48%,#e4f1ff 0 15%,transparent 16%),#fff;overflow:hidden}.hero:before{display:none}.hero:after{content:"";display:block;position:absolute;z-index:0;inset:18px 0 0 48%;width:auto;height:auto;border-radius:0;background:url("assets/brand/brainmom-hero.png") center/contain no-repeat;opacity:1}.hero h1,.hero p,.brandline{position:relative;z-index:1}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,6vw,82px);line-height:.96;letter-spacing:-.045em;color:#082d7d;margin:0 0 28px}.hero h1 span{color:#ff3b86;margin-top:12px}.hero p{font-size:19px;line-height:1.7;color:#263a67}.brandline{order:-1;align-items:center;margin:0 0 42px;gap:16px}.brand{border:0;background:transparent;padding:0;min-height:0}.brand img{width:250px!important;height:auto!important;display:block}.author,.license{background:#f4f8ff;border:1px solid #e6ecf7;color:#263a67;min-height:38px;padding:8px 13px;font-size:13px}.license{color:#ff3b86}.shell>h2,.extras-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,50px);text-align:center;margin:10px 0 38px!important;color:#082d7d}.shell>h2:after,.extras-title:after{content:"";display:block;width:74px;height:4px;border-radius:4px;background:#ff3b86;margin:12px auto 0}.level-grid{gap:22px;margin:0 auto 76px;max-width:1260px}.level-card{position:relative;background:#f6f9ff!important;border:1px solid #e8eefb;border-radius:24px;min-height:320px;padding:32px;box-shadow:none;overflow:hidden}.level-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--card-accent)}.level-card.l1{--card-accent:#3c82f6}.level-card.l2{--card-accent:#ff3b86}.level-card.l3{--card-accent:#8d54ed}.level-card:hover,.level-card:focus-visible{transform:translateY(-5px);box-shadow:0 16px 36px rgba(8,45,125,.12);outline:0;border-color:#cfdcf5}.level-number{width:58px;height:58px;border-radius:50%;background:#fff;color:var(--card-accent);border:2px solid var(--card-accent);font-size:24px}.level-card h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;color:#082d7d}.level-card h3{color:var(--card-accent);font-size:17px}.level-card p{color:#42547c;line-height:1.6}.extras-title{margin-top:30px!important;margin-bottom:10px!important}.extras-intro{text-align:center;font-size:18px;margin:0 auto 30px;max-width:760px;color:#42547c}.extras-grid{max-width:1180px;margin:auto;gap:22px}.extra-card{background:#fff;border:1px solid #e8eefb;border-radius:24px;min-height:240px;padding:34px;box-shadow:0 9px 24px rgba(8,45,125,.07)}.extra-card:hover,.extra-card:focus-visible{outline:0;transform:translateY(-5px);box-shadow:0 16px 36px rgba(8,45,125,.12)}.extra-symbol{border-radius:50%;background:#f4f8ff;color:#ff3b86;border:2px solid #ff3b86}.extra-card h3{font-family:Georgia,"Times New Roman",serif;color:#082d7d;font-size:30px}.extra-card p{color:#42547c}.notice{text-align:center;margin:42px 0 0}.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e6ecf7;padding:14px 8px}.btn,.tool{border-color:#dbe5f6;border-radius:999px;color:#082d7d}.btn.primary,.tool.active{background:#082d7d;color:#fff;border-color:#082d7d}.sidebar{background:#f6f9ff;border-color:#e6ecf7}.thumb.active{background:#e4f1ff;border-color:#a9c8f7}.activity-meta h1{font-family:Georgia,"Times New Roman",serif;color:#082d7d}.tools{border-color:#e6ecf7;box-shadow:0 8px 22px rgba(8,45,125,.06)}.page-frame{border:1px solid #e6ecf7}.help{background:#fff0f6;border-color:#ffd0df;color:#5c3150}@media(max-width:900px){.hero{min-height:auto;padding:390px 8px 42px;background:radial-gradient(circle at 50% 25%,#ffe8f0 0 24%,transparent 25%),#fff}.hero:after{inset:6px 0 auto;height:370px;background-position:center}.hero h1{font-size:50px}.brandline{justify-content:center;margin-bottom:30px}.brand img{width:220px!important}.author,.license{display:none}.level-card{min-height:0}.shell{padding-left:18px;padding-right:18px}}