:root{--amber-bg: #14100a;--amber-card: #1e1811;--gold: #e8b04b;--gold-soft: #f0c469;--cream: #f3ead9;--cream-muted: #a7987f;--line: rgba(232, 176, 75, .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--amber-bg);color:var(--cream);-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px 0;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.glow--one{width:420px;height:420px;top:-120px;left:-80px;background:#e8b04b4d}.glow--two{width:380px;height:380px;bottom:-140px;right:-60px;background:#c9862a38}.page:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold-soft),var(--gold),#7a5a1f);transform-origin:left;animation:load 2.4s ease-out forwards}@keyframes load{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}.card,.unlocked{position:relative;z-index:1;width:min(100%,400px);margin:auto 0;padding:44px 34px 34px;text-align:center;background:var(--amber-card);border:1px solid var(--line);border-radius:30px;box-shadow:0 24px 60px -24px #000000b3,0 1px #ffffff0d inset;animation:rise .5s cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.card--leaving{opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .25s ease,transform .25s ease}.card__icon{width:64px;height:64px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;color:var(--gold);background:linear-gradient(160deg,#2a2113,#221a10);box-shadow:0 0 0 8px #e8b04b1f}.card__title{font-size:25px;font-weight:700;letter-spacing:-.4px;margin-bottom:12px}.card__text{font-size:15px;line-height:1.62;color:var(--cream-muted);margin-bottom:28px}.card__button{width:100%;padding:15px 24px;font:inherit;font-size:15px;font-weight:650;color:#1a1409;cursor:pointer;border:none;border-radius:999px;background:linear-gradient(135deg,var(--gold-soft),var(--gold));box-shadow:0 12px 26px -12px #e8b04bd9;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.card__button:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 32px -14px #e8b04bf2}.card__button:active{transform:translateY(0)}.card__exit{display:inline-block;margin-top:16px;font-size:13.5px;color:var(--cream-muted);text-decoration:none;border-bottom:1px dashed var(--line);padding-bottom:2px}.card__exit:hover{color:var(--gold);border-color:currentColor}.unlocked__badge{display:inline-block;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--gold);background:#e8b04b1f;border-radius:999px}.unlocked__title{font-size:24px;margin-bottom:10px}.unlocked__text{font-size:15px;line-height:1.6;color:var(--cream-muted);margin-bottom:24px}.unlocked__reset{font:inherit;font-size:14px;color:var(--gold);background:none;border:1px solid var(--line);border-radius:999px;padding:10px 20px;cursor:pointer}.unlocked__reset:hover{background:#e8b04b14}