*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:#f4f5f7;min-height:100vh;display:flex;flex-direction:column}.site-header{background:#1f9ec1;color:#fff;padding:18px 32px;display:flex;align-items:center;gap:12px}.site-header h1{font-size:18px;font-weight:700;letter-spacing:.02em}.site-header span{font-size:13px;opacity:.85}main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.intro{text-align:center;margin-bottom:16px}.intro h2{font-size:22px;color:#1a1a2e;font-weight:700;margin-bottom:8px}.intro p{font-size:14px;color:#64748b}.cards{gap:24px;flex-wrap:wrap}.card,.cards{display:flex;justify-content:center}.card{flex-direction:column;align-items:center;gap:14px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:40px 48px;width:260px;text-decoration:none;color:#1a1a2e;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:border-color .15s,box-shadow .15s,transform .15s;cursor:pointer}.card:hover{border-color:#1f9ec1;box-shadow:0 6px 20px rgba(31,158,193,.18);transform:translateY(-3px)}.card-icon{font-size:40px;line-height:1}.card-title{font-size:16px;font-weight:700;text-align:center;line-height:1.4}.card-cta{font-size:13px;color:#1f9ec1;font-weight:600}@media (max-width:768px){.cards{flex-direction:column;align-items:center}.card{width:100%;max-width:320px;padding:32px 24px}}