:root{font-family:Inter,system-ui,sans-serif;color:#24163b;background:#f6f5fa;font-size:16px}
*{box-sizing:border-box}body{margin:0}
header{padding:18px max(20px,calc((100% - 1200px)/2));background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5dfed;gap:20px}
header>a{display:flex;align-items:center;font-weight:800;font-size:20px}
header img{width:52px;max-height:52px;object-fit:contain;margin-right:12px}
a{color:#007d7d}nav{display:flex;gap:18px}
main{max-width:1240px;margin:32px auto;padding:0 22px 50px}
h1{font-size:clamp(30px,4.5vw,52px);line-height:1.15;letter-spacing:-1.4px}
h2{font-size:21px}p{line-height:1.65}
button,.button{display:inline-block;background:#007d7d;color:#fff;padding:12px 20px;border:0;border-radius:9px;cursor:pointer;font:inherit;text-decoration:none;font-weight:650}
button:disabled{opacity:.5;cursor:wait}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9b7cf9;outline-offset:3px}
.hero{padding:40px;background:#331c58;color:#fff;border-radius:22px}
.hero p{max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:800}
.hero .button{background:#fff;color:#331c58}
.card{padding:24px;background:#fff;border:1px solid #e5dfed;border-radius:14px;margin:20px 0;box-shadow:0 5px 16px #331c5805}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:22px 0}
.metrics>div{background:#ede8f7;padding:22px;border-radius:12px}
.metrics strong{display:block;font-size:28px;margin:8px 0}
.metrics span{color:#685b79;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
form{display:grid;gap:16px}
label{display:grid;gap:7px;font-weight:600;font-size:14px}
input,textarea,select{width:100%;padding:12px;border:1px solid #d7cfdf;border-radius:8px;background:#fff;font:inherit;color:#24163b}
textarea{min-height:100px;resize:vertical}
.check{display:flex;align-items:center;flex-wrap:wrap}.check input{width:20px}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;border-bottom:1px solid #eee9f3;padding:12px;max-width:360px;overflow-wrap:anywhere}
th{background:#f6f3fa;white-space:nowrap}
td button{white-space:nowrap;padding:8px 12px;font-size:12px}
.message:empty{display:none}
.message,.notice{padding:14px;background:#ede8f7;border-radius:8px}
.heading,.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.actions{justify-content:center;margin:25px 0}#ref-link{margin-bottom:12px}
@media(max-width:720px){
 header{align-items:flex-start;padding:16px;flex-direction:column}
 nav{font-size:14px;flex-wrap:wrap}.grid{grid-template-columns:1fr}
 main{margin-top:20px;padding:0 14px 30px}
 .hero{padding:24px}.card{padding:18px}
 .heading{align-items:flex-start;flex-direction:column}
 .actions{flex-wrap:wrap}th,td{min-width:100px}h1{letter-spacing:-.5px}
}