:root{--ink:#26382d;--muted:#637268;--green:#34784b;--green-dark:#225b38;--cream:#fffaf0;--yellow:#ffd66b;--line:#e6eadf;--pink:#f7d9d0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;line-height:1.65}
a{color:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(5vw,24px);background:rgba(255,250,240,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:1.1rem;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-size:15px;box-shadow:inset -5px -4px 0 #225b38}
.nav{display:flex;gap:8px}.nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.94rem;padding:9px 14px;border-radius:24px}.nav a:hover,.nav a.active{background:#e7f0df;color:var(--green-dark)}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem;color:var(--ink);cursor:pointer}
.hero{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:62px max(7vw,28px) 76px;overflow:hidden}.hero-copy{max-width:570px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:900;color:var(--green);margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.065em;line-height:1.06;margin-bottom:22px}h1 span,.page-heading h1 span{color:var(--green)}.lead{font-size:1.14rem;line-height:1.8;color:var(--muted);max-width:540px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--green);color:white;text-decoration:none;padding:13px 21px;border-radius:28px;font-weight:800;box-shadow:0 7px 0 #d5e3ce;cursor:pointer;transition:transform .18s,background .18s}.button:hover{background:var(--green-dark);transform:translateY(-2px)}.text-link{font-weight:800;text-decoration:none;color:var(--green-dark)}.text-link:hover{text-decoration:underline}
.mole-scene{height:390px;position:relative;isolation:isolate;border-radius:48% 48% 35% 35%;background:#e8f3d9;overflow:hidden}.sun{position:absolute;width:72px;height:72px;border-radius:50%;background:#ffd66b;right:14%;top:12%}.cloud{position:absolute;width:82px;height:24px;background:#fff;border-radius:30px;opacity:.85}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:34px;height:34px;left:12px;top:-17px}.cloud:after{width:43px;height:43px;right:10px;top:-22px}.cloud-one{top:20%;left:12%}.cloud-two{top:32%;right:13%;transform:scale(.65)}.hill{position:absolute;bottom:-70px;border-radius:50%}.hill-back{width:130%;height:220px;left:-12%;background:#b6d69a}.hill-front{width:140%;height:170px;left:-20%;bottom:-95px;background:#7fb66d}.mole{position:absolute;width:180px;height:230px;left:50%;top:42%;transform:translate(-50%,-30%);z-index:2}.head{position:absolute;width:150px;height:135px;left:15px;top:12px;background:#65402e;border-radius:48% 48% 45% 45%;border:5px solid #4d3025;z-index:2}.ear{position:absolute;width:48px;height:53px;background:#65402e;border:5px solid #4d3025;border-radius:50%;top:12px}.ear-left{left:8px;transform:rotate(-24deg)}.ear-right{right:8px;transform:rotate(24deg)}.eye{position:absolute;width:13px;height:20px;background:#fff;border-radius:50%;top:47px}.eye:after{content:"";position:absolute;width:6px;height:10px;background:#1f201b;border-radius:50%;left:4px;top:5px}.eye-left{left:38px}.eye-right{right:38px}.nose{position:absolute;width:24px;height:19px;background:#f19c93;border-radius:50%;left:58px;top:72px}.smile{position:absolute;width:36px;height:17px;border-bottom:4px solid #f8d5b4;border-radius:0 0 50% 50%;left:52px;top:88px}.body{position:absolute;width:105px;height:100px;left:38px;top:125px;background:#65402e;border-radius:45% 45% 30% 30%;border:5px solid #4d3025}.paw{position:absolute;width:47px;height:23px;background:#65402e;border:4px solid #4d3025;border-radius:50%;top:184px;z-index:3}.paw-left{left:16px;transform:rotate(-24deg)}.paw-right{right:16px;transform:rotate(24deg)}.flower{position:absolute;color:#fff;font-size:34px;z-index:2;text-shadow:0 1px 2px #c2a84b}.flower-one{left:15%;bottom:20%}.flower-two{right:15%;bottom:29%;font-size:26px}.scene-caption{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);background:#fff9e9;padding:7px 15px;border-radius:18px;font-size:.82rem;font-weight:900;color:var(--green-dark);white-space:nowrap}
.section{padding:48px max(7vw,28px)}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start;background:#fffdf7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.045em;line-height:1.2;margin-bottom:14px}.intro p:last-child{color:var(--muted);font-size:1.05rem;max-width:670px;margin:0}.cards{padding:55px max(7vw,28px) 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px #243c2510}.card h3{font-size:1.2rem;margin:18px 0 8px}.card p{color:var(--muted);font-size:.95rem}.card>a,.surprise-button{color:var(--green-dark);font-weight:900;text-decoration:none;font-size:.9rem}.card>a:hover{text-decoration:underline}.card-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;font-size:1.55rem}.green{background:#e5f0d9}.yellow{background:#fff0c4}.pink{background:#fbe5df}.surprise-button{border:0;background:none;padding:0;cursor:pointer;text-align:left}.surprise-message{font-weight:700;color:var(--green)!important;margin:10px 0 0!important}
.site-footer{display:flex;justify-content:space-between;gap:16px;padding:24px max(5vw,24px);background:#edf3e5;color:var(--muted);font-size:.86rem}.page-main{max-width:1080px;margin:auto;padding:55px 28px 75px}.page-heading{text-align:center;max-width:750px;margin:0 auto 48px}.page-heading h1{font-size:clamp(2.4rem,5vw,4rem)}.page-heading .lead{margin:0 auto}.content-panel{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;background:#fff;padding:38px;border:1px solid var(--line);border-radius:26px}.content-panel p{color:var(--muted)}.mini-mole{height:210px;width:190px;background:#e7f1da;border-radius:50%;position:relative;justify-self:center}.mini-mole:before{content:"";position:absolute;width:122px;height:123px;left:34px;top:43px;border-radius:48%;background:#65402e;border:5px solid #4d3025}.mini-eye{position:absolute;z-index:1;top:85px;width:12px;height:18px;background:white;border-radius:50%;left:66px}.mini-eye:nth-child(2){left:112px}.mini-nose{position:absolute;z-index:1;width:24px;height:18px;background:#f19c93;border-radius:50%;left:83px;top:117px}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trait{background:#fff;padding:25px;border-radius:20px;border:1px solid var(--line)}.trait>span{font-size:1.8rem}.trait h3{margin:12px 0 5px}.trait p{color:var(--muted);margin-bottom:0}.back-link{margin-top:35px}.back-link a{color:var(--green-dark);font-weight:800;text-decoration:none}.adventure-list{display:grid;gap:15px}.adventure{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:27px 30px;border:1px solid var(--line);border-radius:22px;background:#fff}.adventure-number{width:54px;height:54px;display:grid;place-items:center;background:#e7f0df;color:var(--green);border-radius:17px;font-weight:900}.adventure h2{font-size:1.35rem;margin-bottom:7px}.adventure p{color:var(--muted);margin-bottom:12px}.tag{display:inline-block;border-radius:20px;background:#fff2cb;color:#7b5c10;padding:5px 11px;font-size:.78rem;font-weight:800}.daily-challenge{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;margin-top:35px;background:#eaf2df;border-radius:24px}.daily-challenge h2{font-size:1.55rem}.daily-challenge p:last-child{margin-bottom:0;color:var(--muted)}.daily-challenge .eyebrow{margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.site-header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:12px 22px 20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:12px 14px}.hero{grid-template-columns:1fr;padding-top:48px;gap:35px}.mole-scene{height:330px;max-width:500px;width:100%;margin:auto}.intro{grid-template-columns:1fr;gap:10px}.cards,.trait-grid{grid-template-columns:1fr}.content-panel{grid-template-columns:1fr;padding:25px}.mini-mole{height:180px}.daily-challenge{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column}.page-main{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}