:root{--bg: #c9e8f5;--surface: #e8f5fc;--text: #6b4423;--text-muted:#9c7355;--accent: #3a86a8;--accent-hover: #2d6d8c;--border: #a8d4ea}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3{color:var(--text)}p{color:var(--text-muted)}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .15s}button:hover{background:var(--accent-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #3a86a81a}.center-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}