:root{--bg: #ffffff;--aqua: #14b8a6;--green: #16a34a;--ink: #0f172a;--muted: #6b7280}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.app-header{display:flex;align-items:center;background:linear-gradient(90deg,#14b8a61f,#16a34a1f);border-bottom:1px solid rgba(20,184,166,.2);padding:0 16px}.brand{font-weight:700;color:var(--ink);letter-spacing:.2px}.link{color:var(--aqua);text-decoration:none;font-weight:600}.muted{color:var(--muted);font-size:13px}.ghost-btn{background:transparent;border:1px solid rgba(20,184,166,.5);color:var(--aqua);padding:6px 10px;border-radius:10px;cursor:pointer}.app-content{max-width:1080px;margin:24px auto;width:100%;padding:0 16px 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#14b8a61f;color:var(--aqua);font-weight:600;font-size:12px}.card-gradient{background:radial-gradient(1200px 1200px at -10% -10%,rgba(20,184,166,.08),transparent),radial-gradient(1200px 1200px at 110% 110%,rgba(22,163,74,.08),transparent)}.tip{border-left:4px solid var(--aqua);padding-left:12px;color:var(--muted)}.topnav{display:flex;gap:14px;margin-left:24px}.navlink{color:var(--ink);text-decoration:none;padding:6px 10px;border-radius:10px}.navlink.active{background:#14b8a624;color:var(--aqua);font-weight:700}.question-prompt{font-size:15px;color:var(--ink)}