:root{font-family:system-ui,sans-serif;color:#21173b;background:#f6f3fb;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f7f2ff,#fff8ef)}main{width:min(100% - 2rem,34rem);margin:auto;padding:clamp(2rem,8vh,5rem) 0}header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}h1,h2,p{margin:.25rem 0}header p{color:#665c77}.card{background:#fff;padding:1.4rem;border-radius:1.25rem;box-shadow:0 12px 36px #32126818;border:1px solid #e8def8}.hidden{display:none}form{display:grid;gap:1rem;margin-top:1.25rem}label{display:grid;gap:.4rem;font-weight:650}input{font:inherit;padding:.85rem;border:1px solid #b9afc8;border-radius:.7rem;min-height:48px}button{font:inherit;font-weight:750;color:#fff;background:#512da8;border:0;border-radius:.7rem;padding:.9rem;min-height:48px;cursor:pointer}.secondary{background:#4d4658;width:100%}#message{padding:1rem 0;color:#a32138}pre{white-space:pre-wrap;background:#f6f3fb;padding:1rem;border-radius:.7rem}@media(min-width:42rem){.card{padding:2rem}}