*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;min-height:100vh;display:flex;flex-direction:column;
background:linear-gradient(180deg,#0b2545 0%,#13315c 60%,#0f6e7a 100%);line-height:1.5}
.wrap{flex:1;max-width:760px;margin:0 auto;padding:32px 20px;text-align:center}
.logo-card{background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 10px 30px rgba(0,0,0,.3);margin-bottom:28px}
.logo{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}
h1{font-size:1.6rem;line-height:1.25;margin-bottom:10px}
.sub{color:#cfe3f0;margin-bottom:28px}
.benefits{list-style:none;display:grid;gap:14px;text-align:left;margin-bottom:32px}
.benefits li{display:flex;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px}
.benefits strong{display:block;color:#e8a33d;margin-bottom:2px}
.ico{font-size:1.5rem;line-height:1}
.soon{font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:16px}
.btn{display:inline-block;background:#e8a33d;color:#0b2545;font-weight:700;text-decoration:none;padding:14px 30px;border-radius:999px}
.btn:hover{background:#f2b75a}
.small{font-size:.85rem;color:#cfe3f0;margin-top:10px}
footer{text-align:center;font-size:.8rem;color:#9fbfd4;padding:20px}
@media(min-width:900px){.wrap{max-width:1040px;padding-top:56px}h1{font-size:2.3rem}.benefits{grid-template-columns:repeat(3,1fr)}.benefits li{flex-direction:column}}