*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{color:#0b1730;-webkit-font-smoothing:antialiased;background:#f6f2e9;flex-direction:column;min-height:100svh;font-family:Plus Jakarta Sans Variable,system-ui,sans-serif;display:flex;position:relative;overflow-x:hidden}.grid-bg{background-image:linear-gradient(90deg,#1d407817 1px,#0000 1px),linear-gradient(#1d407817 1px,#0000 1px),linear-gradient(90deg,#1d407809 1px,#0000 1px),linear-gradient(#1d407809 1px,#0000 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 85%);mask-image:radial-gradient(#000 40%,#0000 85%)}.glow{filter:blur(90px);pointer-events:none;border-radius:50%;position:fixed}.glow-leaf{background:#14a85829;width:420px;height:420px;top:8%;left:-140px}.glow-sun{background:#d6b46a6b;width:480px;height:480px;bottom:-140px;right:-120px}.stripe{z-index:3;background:linear-gradient(90deg,#1d4078 0 33.4%,#14a858 33.4% 66.7%,#d6b46a 66.7%);height:6px;position:fixed;inset:0 0 auto}.doodle{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.4;filter:url(#sketchy);pointer-events:none;width:52px;height:52px;animation:7s ease-in-out infinite float;position:fixed}.d1{top:18%;left:9%;rotate:-14deg}.d2{animation-delay:-2s;top:16%;right:10%;rotate:10deg}.d3{animation-delay:-4s;bottom:16%;left:12%;rotate:8deg}.d4{animation-delay:-1s;bottom:22%;right:13%}.d5{width:34px;height:34px;animation-delay:-3s;bottom:9%;left:27%}@keyframes float{0%,to{translate:0}50%{translate:0 -12px}}.wrap{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(100% - 2.5rem,46rem);margin:0 auto;padding:4.5rem 0 3rem;display:flex;position:relative}.logo{width:auto;height:78px}.eyebrow{color:#0e7a40;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.7rem;margin-top:2.6rem;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg,#1d4078 0 33.4%,#14a858 33.4% 66.7%,#d6b46a 66.7%);border-radius:4px;width:36px;height:4px}h1{color:#1d4078;letter-spacing:-.03em;margin-top:1rem;font-family:Montserrat Variable,system-ui,sans-serif;font-size:clamp(2.2rem,6.4vw,4rem);font-weight:800;line-height:1.06}.chalk-word{white-space:nowrap;color:#0e7a40;font-size:1.08em;display:inline-block;position:relative}.chalk{letter-spacing:0;filter:url(#chalk);font-family:Cabin Sketch,cursive;font-weight:700}.chalk-word svg{filter:url(#sketchy);width:100%;height:.22em;position:absolute;bottom:-.12em;left:0}.chalk-word path{fill:none;stroke:#d6b46a;stroke-width:5px;stroke-linecap:round}.lede{color:#3b4862;max-width:34rem;margin-top:1.5rem;font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.65}.progress{align-items:center;gap:.9rem;width:min(100%,22rem);margin-top:2.2rem;display:flex}.bar{background:#1d40781a;border-radius:99px;flex:1;height:10px;position:relative;overflow:hidden}.bar span{border-radius:inherit;background:repeating-linear-gradient(-45deg,#14a858 0 10px,#0e7a40 10px 20px) 0 0/28px 28px;width:82%;animation:1.2s linear infinite stripes,1.6s cubic-bezier(.16,1,.3,1) both grow;position:absolute;inset:0 auto 0 0}.progress small{color:#0e7a40;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:800}@keyframes stripes{to{background-position:28px 0}}@keyframes grow{0%{width:0}}.note{background:#fff5cc linear-gradient(176deg,#fff6,#0000 28% 72%,#0000000d);border-radius:2px 2px 70px 34px/2px 2px 9px 4px;width:min(100%,24rem);margin-top:2.8rem;padding:1.9rem 1.5rem 1.4rem;transition:rotate .5s;position:relative;rotate:-1.5deg;box-shadow:0 1px 2px #3c280024,0 18px 26px -14px #3c280073}.note:hover{rotate:0deg}.tape{background:#d6b46a80;width:104px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:2deg;box-shadow:0 1px 2px #00000014}.note strong{color:#0e7a40;letter-spacing:.14em;text-transform:uppercase;font-family:Montserrat Variable,sans-serif;font-size:.82rem;font-weight:800;display:block}.note p{color:#1d4078;margin-top:.5rem;font-weight:700;line-height:1.5}.note a{color:#fff;background:#0e7a40;border-radius:99px;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .3s;display:inline-flex}.note a:hover{background:#1d4078}.note a svg{fill:currentColor;width:18px;height:18px}footer{z-index:2;color:#5b6680;text-align:center;padding:1.4rem 1.25rem 1.8rem;font-size:.82rem;position:relative}@media (width<=640px){.logo{height:62px}.doodle{opacity:.3;width:38px;height:38px}.d1{top:12%;left:4%}.d2{top:11%;right:5%}.d3,.d4,.d5{display:none}.chalk{filter:url(#chalk-s)}}@media (prefers-reduced-motion:reduce){.doodle,.bar span{animation:none}}
