:root{color-scheme:light;--ink:#514362;--muted:#756b81;--cream:#fff5e9;--purple:#8d70ad;--mint:#e4eadc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,sans-serif}main{max-width:940px;margin:40px auto;padding:0 24px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#624482}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1}h2{margin-top:2rem;line-height:1.3}p{max-width:78ch}.card{background:white;border:1px solid #e9dfed;border-radius:24px;padding:24px;margin:24px 0;box-shadow:0 8px 0 #e5dcec}.hero{width:100%;border-radius:26px;margin:25px 0}label{display:block;margin:18px 0 6px;font-weight:700}input{width:100%;font:inherit;border:1px solid #a49aac;background:#fff;padding:12px;border-radius:12px}button,.button{display:inline-block;border:0;border-radius:14px;padding:14px 22px;background:var(--purple);color:white;font:700 16px system-ui;text-decoration:none;cursor:pointer;margin:10px 8px 8px 0}button:disabled{opacity:.55;cursor:wait}.danger{background:#a64c4a}.muted{color:var(--muted)}[hidden]{display:none!important}.status{white-space:pre-line;min-height:1.8em}footer{padding:25px 0;border-top:1px solid #e5dcec;margin-top:35px;font-size:14px}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #e9dfed}
