.preview-page{display:grid;place-items:center;min-height:min(760px,calc(100svh - 96px));padding:clamp(30px,7vw,88px) var(--gutter);background:var(--stage);color:var(--white)}.preview-card{width:min(100%,640px);padding-top:24px;border-top:5px solid var(--spike)}.preview-eyebrow{margin-bottom:18px;color:var(--amber);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.preview-card h1{max-width:13ch;font-size:clamp(36px,5.2vw,62px);line-height:1.08}.preview-intro{max-width:48ch;margin-top:22px;color:rgb(255 255 255/.76);font-size:17px}.preview-form{display:grid;gap:10px;max-width:440px;margin-top:28px}.preview-form label{font-size:15px;font-weight:600}.preview-form input[type=password]{width:100%;min-height:52px;padding:10px 14px;border:1px solid rgb(255 255 255/.4);border-radius:6px;background:var(--paper);color:var(--ink)}.preview-form input:focus-visible{outline:3px solid var(--spike);outline-offset:3px;box-shadow:none}.preview-form input[aria-invalid=true]{border:2px solid var(--spike)}.preview-form .btn{width:fit-content;min-height:50px;margin-top:6px}.preview-error{color:var(--spike-hot);font-size:15px}.preview-unavailable{max-width:46ch;margin-top:28px;padding:16px 18px;border:1px solid var(--line-night);border-radius:6px;color:var(--amber)}.preview-fine{margin-top:24px;color:rgb(255 255 255/.6);font-size:13px}@media (max-width:420px){.preview-page{min-height:calc(100svh - 80px)}.preview-form .btn{width:100%}}