*{box-sizing:border-box}body{font:16px system-ui,Arial;background:#f8f6ff;color:#33334b;margin:0}header{background:white;display:flex;align-items:center;justify-content:space-between;padding:12px max(18px,calc((100vw - 950px)/2));box-shadow:0 2px 10px #ddd}header h2{color:#7350b8}main{max-width:950px;margin:auto;padding:14px}.card,.hero{background:white;padding:24px;border-radius:18px;margin:16px 0;box-shadow:0 4px 20px #ddd8e8}.hero{text-align:center;background:linear-gradient(130deg,#e3dbff,#fff0c9)}.hero h1{color:#6846ac}progress{width:100%;height:24px;accent-color:#7350b8}nav{display:flex;gap:8px;overflow:auto}button{background:#7350b8;color:white;border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:650}nav button{white-space:nowrap}label{display:block;margin:13px 0;font-weight:600}input,select{display:block;width:100%;max-width:480px;padding:11px;border:1px solid #ccc;border-radius:9px;margin-top:6px;font:inherit}.hero input{margin:8px auto}.row{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:11px 0;flex-wrap:wrap}.row button{background:#b34e61;padding:7px 10px}.note{color:#696579;font-size:14px}.stat{font-size:24px;font-weight:bold;color:#6846ac}#message{color:#8a3350}h2{color:#62429e}