:root{--teal:#1aa890;--teal-dark:#14887a;--orange:#f2a748;--red:#d93636;--ink:#1f2430;--muted:#6b7280;--bg:#f4f1ea;--card:#fff;--border:#e7e2d6;--radius:18px;--shadow:0 10px 30px rgba(31,36,48,.08);--shadow-sm:0 4px 14px rgba(31,36,48,.07)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);background-attachment:fixed;background-image:radial-gradient(circle at 12% 18%,rgba(26,168,144,.12),transparent 42%),radial-gradient(circle at 88% 82%,rgba(242,167,72,.14),transparent 45%);color:var(--ink);font-family:Nunito,system-ui,-apple-system,sans-serif;min-height:100vh}h1,h2,h3{font-family:Fredoka,Nunito,sans-serif;font-weight:600;letter-spacing:.2px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid var(--border);display:flex;justify-content:center;padding:1.25rem 1rem;position:sticky;top:0;z-index:10}.app-header__brand{display:inline-flex}.app-header__logo{height:52px;transition:transform .2s ease;width:auto}.app-header__brand:hover .app-header__logo{transform:rotate(-2deg) scale(1.03)}.app-footer{color:var(--muted);font-size:.85rem;font-weight:600;margin-top:auto;padding:1.5rem;text-align:center}.btn{align-items:center;background:var(--teal);border:none;border-radius:999px;box-shadow:0 6px 0 var(--teal-dark);color:#fff;cursor:pointer;display:inline-flex;font-family:Fredoka,Nunito,sans-serif;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 2rem;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .2s ease}.btn:hover:not(:disabled){box-shadow:0 8px 0 var(--teal-dark);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--teal-dark);transform:translateY(4px)}.btn:disabled{box-shadow:0 6px 0 var(--teal-dark);cursor:not-allowed;opacity:.5}.btn--orange{background:var(--orange);box-shadow:0 6px #d18a2c}.btn--orange:hover:not(:disabled){box-shadow:0 8px #d18a2c}.btn--orange:active:not(:disabled){box-shadow:0 2px #d18a2c}.btn--ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--teal);color:var(--teal-dark)}.btn--ghost:hover:not(:disabled){background:#1aa89014;box-shadow:inset 0 0 0 2px var(--teal);transform:translateY(-2px)}.btn--ghost:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--teal);transform:translateY(0)}