*{margin:0;box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;
font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#16204a,#0a0e27);color:#eef0f5}
main{text-align:center;padding:40px}.badge{display:inline-block;color:#5ac8dc;border:1px solid #3f7d8c;
border-radius:999px;padding:6px 14px;font-size:13px;letter-spacing:.08em;margin-bottom:18px}
h1{font-size:64px;letter-spacing:-1px}.tag{color:#9fb0c8;margin:10px 0 34px;font-size:18px}
.cards{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.card{background:#121833;border:1px solid #243056;border-radius:16px;padding:22px 26px;min-width:180px;
text-decoration:none;color:#eef0f5;transition:.2s}.card:hover{border-color:#5ac8dc;transform:translateY(-3px)}
.card span{font-size:30px;display:block;margin-bottom:8px}.card small{color:#9fb0c8;display:block;margin-top:4px}
.contact{margin-top:46px;width:min(440px,90vw);margin-left:auto;margin-right:auto;text-align:center}
.contact h2{font-size:26px;margin-bottom:6px}
#cf{display:flex;flex-direction:column;gap:12px;margin-top:18px}
#cf input,#cf textarea{background:#121833;border:1px solid #243056;border-radius:10px;padding:12px 14px;
color:#eef0f5;font-size:15px;font-family:inherit;resize:vertical}
#cf input:focus,#cf textarea:focus{outline:none;border-color:#5ac8dc}
#cf button{background:#2e8fd8;border:none;border-radius:10px;padding:13px;color:#fff;font-size:16px;
font-weight:600;cursor:pointer;transition:.2s}#cf button:hover{background:#3fa3ec}
.cf-status{min-height:20px;font-size:14px;margin-top:2px;color:#9fb0c8}
.cf-status.ok{color:#2ed573}.cf-status.err{color:#ff6b6b}
footer{margin-top:40px;color:#6b7a99;font-size:13px}