body{background:var(--bg);min-height:100svh;display:grid}.page{z-index:1;width:100%;max-width:520px;padding:max(54px, env(safe-area-inset-top)) 22px calc(env(safe-area-inset-bottom) + 40px);align-self:center;margin:0 auto;position:relative}.door-head{text-align:center;justify-items:center;margin-bottom:26px;display:grid}.door-head .mark{width:64px;height:64px}.door-head h1{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--red);margin:6px 0 0;font-size:clamp(44px,9vw,64px);font-weight:700;line-height:1}.door-head p{color:var(--muted);margin:10px 0 0;font-style:italic}.ways{gap:18px;display:grid}.way{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);grid-template-columns:52px 1fr;align-items:center;column-gap:16px;padding:18px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid}.way:hover,.way:focus-visible{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.way:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.way:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}.way-icon{text-align:center;grid-row:span 2;font-size:40px;line-height:1}.way-name{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;font-size:26px;font-weight:700;line-height:1.15}.way-sub{color:var(--muted);font-size:14px;line-height:1.45}.way.tv{background:var(--red);color:#fff}.way.tv .way-sub{color:#ffe6dc}@media (pointer:coarse) and (width<=600px){.way.pad{background:var(--red);color:#fff;order:-1}.way.pad .way-sub{color:#ffe6dc}.way.tv{background:var(--paper);color:var(--ink)}.way.tv .way-sub{color:var(--muted)}}@media (width<=420px){.way{grid-template-columns:40px 1fr;column-gap:12px;padding:14px 16px}.way-icon{font-size:30px}.way-name{font-size:21px}}.offers{margin-top:34px}.offers h2{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--muted);margin:0 0 12px;font-size:15px;font-weight:700}.offer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.offer{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);grid-template-columns:28px 1fr;align-content:center;align-items:center;column-gap:10px;padding:10px 12px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid}.offer:hover,.offer:focus-visible{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.offer:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.offer:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}.offer-icon{text-align:center;grid-row:span 2;font-size:22px;line-height:1}.offer-name{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.15}.offer-sub{color:var(--muted);font-size:12px;line-height:1.35}@media (width<=360px){.offer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.offer,.way{transition:none}}