:root{--violet:#5b2b82;--violet-deep:#3f1d5c;--cream:#f5efe4;--paper:#fffdf9;--ink:#231f26;--muted:#6b6470;--line:#e5dde9;--good:#198754;--pending:#9b6b16}*{box-sizing:border-box}html{background:#f3f0f5}body{color:var(--ink);background:radial-gradient(circle at 5% 0,#5b2b821f,#0000 30rem),radial-gradient(circle at 100% 20%,#e5c6892e,#0000 28rem),#f5f2f6;margin:0;font-family:Arial,Helvetica,sans-serif}.shell{min-height:100vh}.hero{color:#fff;background:linear-gradient(135deg, var(--violet-deep), var(--violet) 65%, #734596);border-bottom:6px solid #d8c49b;padding:48px max(28px,50vw - 590px)}.brand{align-items:center;gap:15px;display:flex}.mark{background:var(--cream);width:68px;height:68px;color:var(--violet-deep);letter-spacing:-2px;border-radius:20px;place-items:center;font-size:27px;font-weight:900;display:grid;box-shadow:0 10px 28px #0000002e}.eyebrow{letter-spacing:.13em;text-transform:uppercase;opacity:.82;margin:0 0 6px;font-size:12px;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,62px);line-height:.95}h1 span{color:#f3dfae}.badge{letter-spacing:.12em;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;width:fit-content;margin-top:30px;padding:8px 12px;font-size:11px;font-weight:800}.lead{color:#ffffffe6;max-width:760px;margin:18px 0 26px;font-size:17px;line-height:1.6}.statusRow{flex-wrap:wrap;gap:10px;display:flex}.status{background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.status i{background:#fff;border-radius:50%;width:8px;height:8px;display:inline-block}.status strong{letter-spacing:.08em;margin-left:4px;font-size:10px}.status.ok i{background:#7be0ae}.status.pending i{background:#f1cf7a}.content{max-width:1180px;margin:0 auto;padding:42px 28px 56px}.sectionTitle{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.sectionTitle .eyebrow{color:var(--violet)}h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,36px)}.sectionTitle>span{color:var(--violet);background:#ece5f0;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);background:#fffdf9eb;border-radius:18px;min-height:172px;padding:22px;position:relative;overflow:hidden;box-shadow:0 8px 24px #341f440e}.number{color:#5b2b8217;font-size:46px;font-weight:900;position:absolute;top:9px;right:15px}.card h3{color:var(--violet-deep);margin:34px 0 9px;font-size:17px;position:relative}.card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5;position:relative}.notice{background:#edf7f1;border:1px solid #cde7d7;border-radius:16px;align-items:flex-start;gap:14px;margin-top:20px;padding:18px;display:flex}.noticeIcon{background:var(--good);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.notice strong{color:#155d3b}.notice p{color:#436052;margin:5px 0 0;font-size:13px;line-height:1.45}footer{border-top:1px solid var(--line);color:#7d7582;background:#ffffff8c;justify-content:space-between;gap:20px;padding:20px max(28px,50vw - 590px);font-size:11px;display:flex}@media (max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hero{padding-top:32px}.grid{grid-template-columns:1fr}.sectionTitle{align-items:center}footer{flex-direction:column}}
