:root{--purple:#6554c0;--deep:#302b61;--mint:#dff8ef;--yellow:#ffe397;--ink:#302d46;--muted:#716d86;--line:#ded9f2}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#eafbf8,#f7f3ff 55%,#fff8df);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}header,main,footer{width:min(820px,calc(100% - 28px));margin:auto}header{padding:35px 0 18px}.brand{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--yellow);font-size:12px;font-weight:900}h1{margin:8px 0 3px;color:var(--deep);font-size:clamp(30px,6vw,48px)}header p{margin:0;color:var(--muted)}main{display:grid;gap:18px}.panel{padding:24px;border:1px solid var(--line);border-radius:24px;background:#ffffffed;box-shadow:0 13px 34px #352c7014}.active-panel{border:2px solid #70cda1;background:var(--mint)}.eyebrow{color:var(--purple);font-size:12px;font-weight:900;letter-spacing:.13em}h2{margin:6px 0 13px;color:var(--deep)}label{display:grid;gap:6px;margin:13px 0;font-weight:800}input,textarea{width:100%;padding:13px;border:2px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border:0;border-radius:13px;text-decoration:none;font:800 14px inherit;cursor:pointer}.primary{background:var(--purple);color:#fff}.secondary{background:#2ea873;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:10px}.message{min-height:22px;font-weight:800}.message.error{color:#a52d38}.message.success{color:#16704c}.small{color:var(--muted);font-size:13px}.info{background:#fffaf0}footer{text-align:center;padding:28px;color:var(--muted)}footer a{color:var(--purple)}