:root{--font-display: "Syne", "Trebuchet MS", "Segoe UI", sans-serif;--font-ui: "Space Grotesk", "Segoe UI", sans-serif;--ink-deep: #04263a;--ink-soft: #1c4258;--panel-bg: rgba(255, 247, 226, .82);--panel-border: rgba(2, 28, 43, .14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-ui);color:var(--ink-soft);background:radial-gradient(circle at 15% 10%,rgba(255,183,77,.45) 0%,transparent 45%),radial-gradient(circle at 90% 20%,rgba(65,170,199,.4) 0%,transparent 42%),linear-gradient(180deg,#fff8e6,#f4e6c8);background-attachment:fixed}h1,h2,h3{font-weight:700}button{border:1px solid rgba(2,28,43,.16);border-radius:.9rem;padding:.6rem .85rem;font-family:var(--font-ui);font-size:.92rem;font-weight:700;color:#fff9ed;background:linear-gradient(120deg,#0d6785,#073f63);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover:enabled{transform:translateY(-1px);box-shadow:0 8px 16px #021c2b3d;filter:brightness(1.03)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:#ffffff9e;color:var(--ink-deep)}.page{padding:1rem}.panel{border-radius:1rem;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 10px 24px #021c2b14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.85rem}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}