:root{--primary:#111;--bg:#fff;--accent:#007fff;--secondary-bg:#fffffff2;--border:#e5eaf2;--text:#333;--text-dim:#666;--font-main:"Mona Sans", system-ui, -apple-system, sans-serif;--font-heading:"Hubot Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text);background-color:#fff;background-image:radial-gradient(80% 50% at 50% -20%,#cce6ff,#0000),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);color:#111}#root{padding:2rem 1rem}.card{background:var(--secondary-bg);border:1px solid var(--border);border-radius:1rem;max-width:900px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 20px #0000000d}.btn{background:var(--primary);color:#fff;cursor:pointer;font-weight:700;font-family:var(--font-main);border:none;border-radius:.5rem;padding:1rem 2rem;transition:all .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn:active{transform:translateY(0)}