:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#14233b;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 12%,#e8f1ff 0,transparent 34%),#f4f7fb}.page{max-width:1160px;margin:auto;padding:0 36px;min-height:100vh;display:flex;flex-direction:column}.header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe7f2}.brand{display:flex;align-items:center;gap:11px;color:#162a49;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:.08em}.brand small{display:block;font-size:9px;letter-spacing:.19em;color:#8392a8;margin-top:3px}.brand-mark{display:grid;place-items:center;background:#2563eb;color:white;width:40px;height:40px;border-radius:12px;font-size:22px}.header-note{font-size:13px;color:#7c8ba0}main{flex:1}.intro{padding:86px 0 74px}.kicker,.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:#7c8ba1}.kicker{display:flex;gap:9px;align-items:center;color:#4776c8}.kicker span{width:8px;height:8px;background:#3f7ef6;border-radius:50%}h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em;line-height:1.15;margin:20px 0}.period{color:#3974e9}.lead{font-size:19px;color:#455a78;margin:0}.intro-note{font-size:14px;color:#8997aa;margin:12px 0 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-title h2{font-size:22px;margin:8px 0 0}.section-title .eyebrow{margin:0}.count{font-size:13px;color:#8795a8}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid #e4eaf3;border-radius:20px;padding:30px;min-height:276px;display:flex;flex-direction:column;box-shadow:0 12px 36px #45628b0a;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #45628b15}.card-top{display:flex;justify-content:space-between;align-items:center}.icon,.placeholder-icon{display:grid;place-items:center;background:#eaf2ff;color:#2563eb;width:52px;height:52px;border-radius:15px}.icon-soft{background:#edf1f7;color:#667c9d}.icon svg,.placeholder-icon svg{width:29px;height:29px}.status{font-size:12px;color:#7a899c;background:#f2f4f8;border-radius:30px;padding:7px 10px}.status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9caabc;margin-right:6px;vertical-align:middle}.status.open{color:#32806a;background:#edf8f3}.status.open span{background:#4eb78a}.card-body{margin:25px 0 27px;flex:1}.card-body .eyebrow{font-size:10px;margin:0 0 10px}.card-body h2{font-size:22px;margin:0 0 10px}.card-body>p:last-child{color:#8090a5;font-size:14px;margin:0}.button{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:10px;background:#2867e9;color:white;text-decoration:none;font-size:14px;font-weight:650}.button:hover{background:#1e56c6}.button.secondary{background:#f1f5fb;color:#405c85}.button.secondary:hover{background:#e5edf8}.button:focus-visible,.brand:focus-visible{outline:3px solid #72a5ff;outline-offset:4px}footer{display:flex;justify-content:space-between;color:#9aa7b7;border-top:1px solid #e0e7f0;margin-top:110px;padding:24px 0;font-size:12px}.placeholder{padding:110px 0 50px}.placeholder-icon{width:66px;height:66px;margin-bottom:30px}.return{width:200px;margin-top:36px}@media(max-width:650px){.page{padding:0 22px}.header{height:78px}.header-note{display:none}.intro{padding:64px 0 52px}.grid{grid-template-columns:1fr}.card{min-height:245px;padding:25px}.placeholder{padding:80px 0 30px}footer{margin-top:75px;gap:12px;flex-wrap:wrap}}
