:root{font-family:system-ui,sans-serif;color:#e8eefb;background:#0c1020}body{margin:0}header{display:flex;justify-content:space-between;gap:20px;padding:22px 5%;border-bottom:1px solid #323c5d}main{max-width:1000px;margin:65px auto;padding:0 24px}h1{font-size:clamp(34px,6vw,68px);letter-spacing:-.05em;line-height:1.08}.eyebrow{color:#95efe0;text-transform:uppercase;letter-spacing:.15em;font-size:12px}p{line-height:1.7;color:#c7d2eb}a{color:#a9d7ff;display:inline-block;margin:16px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.cards article{padding:22px;border:1px solid #455079;border-radius:20px;background:#151d35}.note{font-size:13px}aside{position:fixed;right:20px;top:80px;background:#e6fff8;color:#12243a;padding:20px 50px 20px 20px;border-radius:14px;box-shadow:0 16px 50px #0005}aside span{display:block;margin-top:8px}button{cursor:pointer}aside button{position:absolute;right:12px;top:12px;font-size:22px;border:0;background:none;color:#12243a}[hidden]{display:none!important}output{font-variant-numeric:tabular-nums;color:#95efe0}a:focus-visible,button:focus-visible{outline:3px solid #95efe0;outline-offset:4px}@media(max-width:700px){.cards{grid-template-columns:1fr}main{margin-top:35px}}