:root{color-scheme:light;--ink:#3f3436;--muted:#74686a;--rose:#b95872;--rose-dark:#93425a;--cream:#f8f2eb;--card:#fffdf9;--line:#eaded9}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 14%,#f9dce3 0,transparent 34%),radial-gradient(circle at 86% 84%,#dce8dc 0,transparent 36%),var(--cream)}
.access-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 18px calc(24px + env(safe-area-inset-bottom))}
.access-card{width:min(100%,430px);padding:34px 26px 28px;text-align:center;background:rgba(255,253,249,.94);border:1px solid rgba(185,88,114,.14);border-radius:30px;box-shadow:0 24px 60px rgba(83,59,62,.13)}
.access-mark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;color:#fff;background:linear-gradient(145deg,var(--rose),var(--rose-dark));border-radius:25px;box-shadow:0 12px 28px rgba(147,66,90,.24)}
.access-mark svg{width:43px;height:43px}
.eyebrow{margin:0 0 8px;color:var(--rose-dark);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,9vw,43px);line-height:1.08;letter-spacing:-.02em}
.access-message{margin:18px auto 0;max-width:330px;color:var(--muted);font-size:17px;line-height:1.55}
.access-details{margin:20px 0 0;padding:15px 16px;background:#f6eee9;border:1px solid var(--line);border-radius:17px;color:#57494c;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.access-details strong{display:block;margin-bottom:4px;color:var(--ink);font-size:17px}
.access-id{display:block;margin-top:8px;color:var(--rose-dark);font-size:22px;font-weight:850;letter-spacing:.03em}
.retry-button{width:100%;margin-top:20px;padding:14px 18px;border:0;border-radius:15px;color:#fff;background:var(--rose-dark);font:inherit;font-weight:800;cursor:pointer}
.retry-button:focus-visible{outline:3px solid rgba(185,88,114,.28);outline-offset:3px}
.access-note{margin:24px 0 0;color:#8b7f81;font-size:13px;line-height:1.45}
@media (max-width:360px){.access-card{padding:28px 20px 24px;border-radius:24px}.access-mark{width:68px;height:68px}}
@media (prefers-reduced-motion:no-preference){.access-card{animation:enter .45s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}