:root{--p:#4a1478;--p2:#6d28a8;--g:#ffcc1f;--g2:#f5a800;--m:#138a36;--k:#111;--cream:#fffbea}
*{box-sizing:border-box}
body{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;line-height:1.6;color:var(--k);background:var(--p) repeating-linear-gradient(45deg,#4a1478 0 22px,#55198a 22px 44px)}
a{color:var(--p2)}
.top{background:var(--k);color:var(--g);text-align:center;font-weight:bold;padding:10px 14px;font-size:17px;border-bottom:4px solid var(--g)}
.hero{text-align:center;padding:22px 14px 8px;color:#fff}
.hero img{width:min(300px,52vw);background:#fff;border:6px solid var(--k);border-radius:24px;box-shadow:8px 8px 0 var(--g)}
.logo{font-family:'Luckiest Guy',Impact,'Arial Black',sans-serif;font-size:clamp(38px,9vw,64px);color:var(--g);letter-spacing:1px;-webkit-text-stroke:2px var(--k);text-shadow:5px 5px 0 var(--k);margin:6px 0;line-height:1.05}
.page{max-width:760px;margin:14px auto 30px;background:var(--cream);border:5px solid var(--k);border-radius:18px;box-shadow:10px 10px 0 var(--k);padding:22px clamp(16px,4vw,40px)}
h1{font-family:'Archivo Black','Arial Black',sans-serif;color:#c8102e;font-size:clamp(32px,7vw,46px);line-height:1.12;text-align:center;margin:10px 0;letter-spacing:.5px}
h2{font-family:'Archivo Black','Arial Black',Verdana,sans-serif;color:var(--p);font-size:clamp(22px,5vw,28px);line-height:1.25;text-align:center}
h3{font-family:'Archivo Black','Arial Black',Verdana,sans-serif;font-size:24px;color:var(--k);background:var(--g);display:inline-block;padding:2px 12px;border:3px solid var(--k);transform:rotate(-1deg);margin:26px 0 6px}
strong,b{background:linear-gradient(transparent 55%,#ffe36b 55%)}
ul{padding-left:1.1em}li{margin:6px 0}
.btn{display:block;text-align:center;font-family:'Archivo Black','Arial Black',Verdana,sans-serif;font-size:clamp(21px,5vw,27px);color:#fff!important;text-decoration:none;background:linear-gradient(#1fb14a,var(--m));border:4px solid var(--k);border-radius:14px;box-shadow:6px 6px 0 var(--k);padding:18px 14px;margin:22px 0;text-shadow:2px 2px 0 #0a4d1d}
.btn:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--k)}
.btn.gold{background:linear-gradient(var(--g),var(--g2));color:var(--k)!important;text-shadow:none}
.btn.purple{background:linear-gradient(var(--p2),var(--p))}
.no{display:block;text-align:center;color:#555!important;font-size:17px;margin:4px 0 18px}
.cards{text-align:center;font-size:15px;color:#444}
.guar{border:4px dashed var(--m);background:#effbea;border-radius:14px;padding:12px 18px;margin:18px 0}
.disc,footer{font-size:15px;color:#ddd;text-align:center;padding:10px 14px 30px}
footer a{color:var(--g)}
footer b{background:none;color:#fff}
.sig{font-family:'Brush Script MT','Segoe Script',cursive;font-size:34px;color:var(--p)}
/* chat */
#log{display:flex;flex-direction:column;gap:12px}
.msg{padding:14px 18px;border:3px solid var(--k);border-radius:16px;max-width:92%;font-size:20px}
.msg.g{background:#fff;align-self:flex-start;box-shadow:4px 4px 0 var(--p)}
.msg.u{background:var(--g);align-self:flex-end;box-shadow:4px 4px 0 var(--k)}
.who{display:flex;align-items:center;gap:10px;font-weight:bold;color:var(--p)}
.who img{width:56px;height:56px;border-radius:50%;border:3px solid var(--k);object-fit:cover;object-position:top}
form.ask{display:flex;gap:8px;margin-top:16px}
textarea{flex:1;font-size:20px;padding:12px;border:3px solid var(--k);border-radius:12px;min-height:84px;font-family:inherit}
form.ask button{font-family:'Archivo Black','Arial Black',sans-serif;font-size:20px;background:var(--m);color:#fff;border:3px solid var(--k);border-radius:12px;padding:0 18px;box-shadow:4px 4px 0 var(--k)}
.progress{text-align:center;font-weight:bold;color:var(--p)}
.plan h3{font-size:20px}