:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#17212c;color:#e4eaf0}body{margin:0}a{color:#b9d2ed}button{font:inherit;border:1px solid #8296a8;border-radius:8px;background:#bfd2df;color:#17212c;padding:12px 18px;cursor:pointer}button:disabled{opacity:.65;cursor:default}.membership{max-width:1100px;margin:auto;padding:48px 24px}.eyebrow{color:#aac0d0;letter-spacing:.12em;margin-top:44px}h1{font-size:clamp(28px,5vw,42px)}.plans{display:grid;grid-template-columns:minmax(0,600px);gap:20px;margin:32px 0}.plans section{padding:26px;background:#233240;border:1px solid #4b6073;border-radius:14px;display:flex;flex-direction:column}.plans ul{padding-left:20px;line-height:1.7;flex:1}.plans p{color:#c5d1dc;line-height:1.6}:focus-visible{outline:3px solid #d7bf92;outline-offset:4px}@media(max-width:720px){.plans{grid-template-columns:1fr}.membership{padding:28px 18px}}