:root{--bg:#120d0a;--surface:#1e1611;--ink:#f1e6d2;--ink-soft:#d2c3a8;--gold:#c9a25b;--gold-soft:#c9a25b59;--wine:#7a2430;--radius:4px;--font-display:"Limelight", Georgia, serif;--font-body:"Cormorant Garamond", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse at top, #2a1d14 0%, transparent 60%), var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:clamp(20px,.6vw + 17px,22px);line-height:1.5}.page{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.header{text-align:center;margin-bottom:32px}.brand{width:fit-content;margin:0 auto 6px;display:block}.brand-logo{width:180px;height:auto;display:block}.brand-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-size:.95rem}.main{flex:1;width:100%;max-width:720px}.footer{color:var(--ink-soft);letter-spacing:.1em;margin-top:40px;font-size:1rem}.card{background:var(--surface);border:1px solid var(--gold-soft);outline:1px solid var(--gold-soft);outline-offset:6px;border-radius:var(--radius);padding:32px 24px}.card--center{text-align:center}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-size:.95rem;font-weight:700}.intro{color:var(--ink-soft);margin:0 0 28px;font-size:1.1rem}.intro em,.answer__en{opacity:.85;font-size:.95em;display:block}.question{font-family:var(--font-display);margin:0 0 8px;font-size:clamp(1.8rem,2.4vw + 1.1rem,2.3rem);font-weight:400;line-height:1.25}.question-en{color:var(--ink-soft);margin:0 0 28px;font-size:1.3rem;font-style:italic;font-weight:500}.answers{gap:12px;display:grid}@media (width>=560px){.answers{grid-template-columns:1fr 1fr}}.answer{width:100%;font:inherit;text-align:left;color:var(--ink);border:1px solid var(--gold-soft);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:14px;padding:16px 18px;font-size:1.15rem;font-weight:700;line-height:1.3;transition:background .2s,border-color .2s;display:flex}.answer:hover:not(:disabled),.answer:focus-visible{border-color:var(--gold);background:#c9a25b14;outline:none}.answer--selected{border-color:var(--gold);background:#c9a25b2e}.answer--disabled{opacity:.45;cursor:default}.answer__letter{width:38px;height:38px;font-size:1.1rem;font-family:var(--font-display);color:var(--bg);background:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.retry{font:inherit;letter-spacing:.08em;color:var(--ink);background:var(--wine);border:1px solid var(--gold-soft);border-radius:var(--radius);cursor:pointer;margin-top:8px;padding:14px 28px;font-size:1.1rem;font-weight:700}.retry:hover{border-color:var(--gold)}.status{text-align:center;color:var(--ink-soft);font-size:1.2rem;font-style:italic}.status--error{color:#e08a8a}.card--error{border-color:#c8606880;outline-color:#c8606840}.error-badge{width:68px;height:68px;color:var(--ink);background:var(--wine);border:1px solid var(--gold-soft);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid;box-shadow:0 0 0 6px #7a243040}.eyebrow--error{color:#e08a8a}.error-text{max-width:30em;margin:0 auto}.key-page{text-align:center;padding:0;overflow:hidden}.key-hero{margin:0 0 72px;position:relative}.key-hero:after{content:"";background:linear-gradient(to bottom, #120d0a1a 40%, var(--surface) 100%);position:absolute;inset:0}.key-hero__photo{aspect-ratio:800/618;object-fit:cover;filter:sepia(.55)contrast(1.05)brightness(.8);width:100%;height:auto;max-height:340px;display:block}.key-hero__emblem{z-index:1;background:var(--surface);border:1px solid var(--gold-soft);width:136px;height:136px;box-shadow:0 0 0 6px var(--surface), 0 0 0 7px var(--gold-soft);border-radius:50%;place-items:center;animation:.9s ease-out both key-in;display:grid;position:absolute;bottom:-56px;left:50%;transform:translate(-50%)}.key-hero__emblem img{width:88px;height:auto;display:block}.key-page__body{padding:8px 24px 36px}.key-page .intro{margin-bottom:20px}.divider{max-width:240px;color:var(--gold);align-items:center;gap:12px;margin:0 auto 20px;display:flex}.divider:before,.divider:after{content:"";background:var(--gold-soft);flex:1;height:1px}.key-address{margin-bottom:18px;font-style:normal}.key-address strong{font-size:1.2rem;font-family:var(--font-display);color:var(--gold);letter-spacing:.04em;font-weight:400;display:block}.key-address a{color:var(--ink-soft);text-decoration:none}.key-address a:hover{color:var(--ink);text-decoration:underline}.key-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.key-links a{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px solid var(--gold-soft);border-radius:var(--radius);padding:8px 16px;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}.key-links a:hover,.key-links a:focus-visible{border-color:var(--gold);background:#c9a25b14;outline:none}@keyframes key-in{0%{opacity:0;transform:translate(-50%)translateY(12px)rotate(-8deg)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.key-hero__emblem{animation:none}}.answer__en{font-weight:500}@media (width<=480px){.page{padding:20px 12px}.card{padding:26px 18px}.key-page{padding:0}.key-page__body{padding:8px 18px 30px}}.header{width:100%;max-width:720px;position:relative}.lang-switch{border:1px solid var(--gold-soft);border-radius:999px;margin-bottom:18px;display:inline-flex;overflow:hidden}.lang-switch__option{min-width:48px;min-height:40px;font:inherit;letter-spacing:.1em;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:.95rem;font-weight:700;transition:color .2s,background .2s}.lang-switch__option+.lang-switch__option{border-left:1px solid var(--gold-soft)}.lang-switch__option:hover{color:var(--ink);background:#c9a25b14}.lang-switch__option:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.lang-switch__option[aria-pressed=true]{color:var(--bg);background:var(--gold)}@media (width>=720px){.lang-switch{margin:0;position:absolute;top:0;right:0}}.question+.answers{margin-top:24px}
