:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101116;color:#eeeef4}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:32px 24px 60px}nav{display:flex;justify-content:space-between;gap:20px;padding-bottom:48px}nav span,.eyebrow{letter-spacing:.16em;font-size:12px;color:#aaa6c8}a{color:#b8a7ff}header{max-width:760px}h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:12px 0 20px}p{line-height:1.65;color:#c4c2cf}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.plans article,.details{background:#1a1b23;border:1px solid #363343;border-radius:16px;padding:24px}.price{font-size:34px;font-weight:700;color:white}.price span{font-size:15px;font-weight:400;color:#bab7ca}button{background:#aa91ff;border:0;border-radius:8px;padding:13px 18px;font:600 15px system-ui;color:#191225;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.plans button{width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d7caff;outline-offset:4px}.details label{display:flex;gap:12px;align-items:flex-start;line-height:1.5}.details input{margin-top:5px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0}#error{color:#ffb9bd}footer{color:#aaa6b8;font-size:13px;line-height:1.6}#status{padding:14px 18px;border-left:3px solid #aa91ff;background:#1a1b23}@media(max-width:720px){.plans{grid-template-columns:1fr}nav{padding-bottom:24px}.price{margin:14px 0}main{padding:24px 16px}}