:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eef5fa;background:#091119}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:36px 24px 50px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:800;letter-spacing:.15em}.badge{font-size:11px;border:1px solid #295e51;color:#8de9c4;border-radius:30px;padding:8px 12px}.intro{padding:80px 0 34px}.eyebrow,.number{color:#80dfc1;font-size:12px;letter-spacing:.13em}h1{font-size:clamp(36px,6vw,62px);line-height:1.08;letter-spacing:-.04em;margin:18px 0}p,small,footer{color:#a6b5c2;line-height:1.6}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}article{border:1px solid #293746;background:#111d28;padding:30px;border-radius:20px;display:flex;flex-direction:column}h2{font-size:27px;margin:18px 0 0}article p{flex:1}.button,button{font:inherit;font-weight:650;padding:15px 18px;border-radius:10px;text-align:center;text-decoration:none;display:block;margin:16px 0}.button{color:#08251c;background:#88e8c3}.button:hover{background:#aff6db}.button:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{background:#25313d;border:1px solid #354453;color:#a6b5c2}small{font-size:12px}footer{margin-top:44px;font-size:12px}@media(max-width:620px){.cards{grid-template-columns:1fr}.intro{padding-top:54px}article{padding:24px}main{padding:24px 18px}.brand{font-size:13px}}