:root{font-family:system-ui,"Segoe UI",Tahoma,sans-serif;background:#fafcff;color:#1d2842}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% 0%,#f4eaff 0,transparent 32%),radial-gradient(circle at 88% 13%,#ddf8f4 0,transparent 30%),#fafcff}
main{width:min(1060px,calc(100% - 32px));margin:auto;padding:46px 0 32px}
.eyebrow{display:inline-flex;border-radius:999px;background:#ebedff;color:#56598d;padding:8px 13px;letter-spacing:.07em;font-size:12px;font-weight:800}
h1{font-size:clamp(32px,6vw,56px);margin:16px 0 8px;letter-spacing:-.025em}header p{max-width:750px;color:#62708b;line-height:1.9;margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}article,.panel{background:#fff;border:1px solid #e5eaf5;border-radius:19px;box-shadow:0 8px 32px rgba(31,41,85,.035)}
article{padding:19px;min-height:105px}article span{font-size:13px;color:#67718a;display:block}article strong{display:block;font-size:25px;margin-top:14px;overflow-wrap:anywhere}
.panel{margin-top:15px;padding:23px}h2{margin:0 0 13px;font-size:20px}.muted{color:#66718a;line-height:1.8;font-size:14px}.flex{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
input{font:inherit;background:#f8faff;border:1px solid #dbe3f4;border-radius:11px;padding:12px 14px;min-width:240px;outline:none}input:focus{border-color:#817cbd}
.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.item{padding:14px;border:1px solid #edf0f8;background:#fbfcff;border-radius:12px;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.item b{font-size:14px}.item small{font-size:12px;color:#71809c}
footer{font-size:12px;color:#818ba1;margin:22px 0}
@media(max-width:740px){main{padding-top:28px}.grid{grid-template-columns:repeat(2,1fr)}.items{grid-template-columns:1fr}.panel{padding:18px}article{padding:14px;min-height:90px}article strong{font-size:22px}}