@font-face{font-family:Cormorant;src:url('/assets/aurandel/9d9b572/cormorant-roman-v1.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('/assets/aurandel/9d9b572/outfit-v1.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
:root{--ink:#06070c;--paper:#f6f0e5;--gold:#e6c88f;--line:#d6c3a34c;--serif:Cormorant,Georgia,serif;--sans:Outfit,Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;position:relative;isolation:isolate;background:var(--ink);color:var(--paper);font:400 18px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.space{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 56% 46% at 50% 58%,#64534230,transparent 100%),#06070c}
.space:before{content:'';position:absolute;inset:0;background:url('/assets/aurandel/9d9b572/aurandel-elegant-stars-v1.webp') center/cover no-repeat;opacity:.28}
.site-header{padding:30px clamp(24px,5.5vw,112px);border-bottom:1px solid #d6c3a328}
.brand{display:inline-flex;align-items:center;gap:12px;font:400 24px/1 var(--serif);letter-spacing:.18em}.brand span{font-size:28px;color:var(--gold);letter-spacing:0}
main{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 89px);padding:70px 24px 100px}
.gate{width:min(100%,780px);padding:clamp(34px,5vw,70px);border:1px solid var(--line);background:#0b0c12d9;box-shadow:0 20px 90px #0005;text-align:center}
h1{font:400 clamp(49px,6vw,82px)/1.05 var(--serif);letter-spacing:-.03em;color:#f4e7d1;margin:0;text-wrap:balance}
.explanation{max-width:590px;margin:27px auto 0;color:#ddd3c3;font-size:19px;line-height:1.75;text-wrap:pretty}
.question{margin:40px 0 0;padding-top:34px;border-top:1px solid var(--line);font:400 clamp(30px,3vw,42px)/1.15 var(--serif);color:#edd4a7}
.actions{display:flex;align-items:stretch;justify-content:center;gap:18px;margin-top:27px}
.actions a{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:13px 21px;border:1px solid #d1b98291;font-size:16px;line-height:1.35;transition:background .2s,color .2s,border-color .2s}
.continue{background:#1c1a1b;color:#f2dfbc}.continue:hover{background:var(--gold);color:#111017;border-color:var(--gold)}
.back{color:#e0d3bd}.back:hover{color:#fff4e0;border-color:#fff4e0}
@media(max-width:700px){.site-header{padding:23px 24px}.brand{font-size:21px}.brand span{font-size:25px}main{min-height:calc(100svh - 71px);padding:45px 22px 65px}.gate{padding:38px 24px}h1{font-size:clamp(49px,12vw,65px)}.explanation{font-size:18px;margin-top:22px}.question{margin-top:33px;padding-top:29px;font-size:34px}.actions{flex-direction:column;gap:13px;margin-top:24px}.actions a{width:100%;min-height:54px}.space:before{background-size:auto 100%;opacity:.24}}
@media(max-width:370px){.gate{padding:32px 19px}.actions a{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}