:root{color-scheme:dark;--gold:#c8a95b;--green:#1f3b2d;--black:#0d0f0e}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,var(--black),var(--green));font:16px/1.5 system-ui,sans-serif;color:#fff;min-height:100vh}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(760px,100%);background:#111814;border:1px solid #ffffff20;border-radius:18px;padding:clamp(22px,5vw,48px);box-shadow:0 24px 70px #0008}.brand{color:var(--gold);font-weight:800;letter-spacing:.16em}h1{font-size:clamp(2rem,7vw,4rem);margin:.15em 0}.intro{color:#d7ded9}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:28px 0}.plans article{border:1px solid #ffffff24;border-radius:12px;padding:18px;background:#ffffff08}.plans h2{font-size:1.1rem;margin:0}.plans p{font-size:1.4rem;color:var(--gold);font-weight:700}button{width:100%;min-height:48px;border:2px solid var(--gold);border-radius:9px;background:var(--gold);color:#10140f;font-weight:800;cursor:pointer}button:hover,button:focus-visible{outline:3px solid #fff;outline-offset:3px}.notice{padding:12px;border-left:4px solid var(--gold);background:#c8a95b22}.notice.bad{border-color:#e46b62}footer{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:.9rem}footer a,footer span{color:#cad3cc}#online{padding:24px;border:1px solid var(--gold);border-radius:12px}