:root{--ink:#3f372f;--soft:#7d7062;--paper:#f8f1e2;--card:#fffcf5;--sage:#8fae7e;--sky:#8fbfd6;--peach:#eeb7a2}
*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}
body{font:400 17px/1.55 Nunito,system-ui,sans-serif;color:var(--ink);background:var(--paper) url(img/paper.webp);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:#3b6f86;text-underline-offset:3px}
h1,h2,h3,p{margin:0}
.script{font-family:Caveat,cursive;font-weight:700}
.wrap{max-width:430px;margin:0 auto;position:relative}
.tape{position:absolute;top:-14px;left:50%;width:108px;transform:translateX(-50%) rotate(-4deg);opacity:.92;pointer-events:none;z-index:3}
.tape.r{transform:translateX(-50%) rotate(3deg)}
.bar{height:12px;border-radius:99px;background:#ece2cd;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.bar i{display:block;width:7.5%;height:100%;border-radius:99px;background:linear-gradient(90deg,#a9c79a,var(--sage))}
.foot{text-align:center;color:var(--soft);font-size:.88rem;padding:32px 0 40px}
.btn{display:inline-block;padding:12px 22px;border-radius:99px;background:var(--ink);color:#fffaf0;text-decoration:none;font-weight:700;box-shadow:0 6px 14px rgba(63,55,47,.2)}