.premium-gate{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.5);width:min(560px,100% - 32px);box-shadow:var(--shadow);text-align:center;margin:10vh auto;padding:44px 30px}.premium-gate-lock{width:58px;height:58px;color:var(--accent-text);background:var(--surface-accent);border-radius:50%;place-items:center;display:inline-grid}.premium-gate-lock svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.premium-gate h1{color:var(--navy);font-family:var(--font-display);margin:16px 0 8px;font-size:34px}.premium-gate p{max-width:42ch;color:var(--muted);margin:0 auto}.premium-gate>div{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.premium-gate a,.premium-gate button{border-radius:var(--button-radius);min-height:44px;font:inherit;cursor:pointer;padding:11px 18px;font-weight:800;transition:background-color .15s,box-shadow .15s,transform .15s}.premium-gate a{border:2px solid var(--button-primary-edge);color:var(--on-accent);background:var(--teal);box-shadow:0 var(--button-depth) 0 var(--button-primary-edge);text-decoration:none}.premium-gate button{color:var(--accent-text);background:var(--surface-accent);border:2px solid var(--button-neutral-edge);box-shadow:0 var(--button-depth) 0 var(--button-neutral-edge)}.premium-gate :is(a,button):hover{transform:translateY(-1px)}.premium-gate a:hover{background:var(--teal-dark);box-shadow:0 5px 0 var(--button-primary-edge)}.premium-gate button:hover{background:var(--card);box-shadow:0 5px 0 var(--button-neutral-edge)}.premium-gate :is(a,button):active{box-shadow:0 1px 0 var(--button-neutral-edge);transform:translateY(3px)}.premium-gate a:active{box-shadow:0 1px 0 var(--button-primary-edge)}@media (width<=760px){.premium-gate{margin:6vh auto;padding:32px 22px}.premium-gate h1{font-size:27px}}
