:root{--mid-bg: #060a16;--mid-card: #131b30;--cyan: #38e2d0;--indigo: #6a7bff;--text: #e8edfb;--muted: #8e9ac4;--line: rgba(120, 160, 255, .16)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--mid-bg);color:var(--text);-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:#38e2d047}.glow--two{width:380px;height:380px;bottom:-140px;right:-60px;background:#6a7bff4d}.page:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--cyan),var(--indigo),transparent);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(--mid-card);border:1px solid var(--line);border-radius:30px;box-shadow:0 24px 60px -24px #000000e6,0 1px #ffffff0f 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(--cyan);background:linear-gradient(160deg,#16223c,#101830);box-shadow:0 0 0 8px #38e2d01f}.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(--muted);margin-bottom:28px}.card__button{width:100%;padding:15px 24px;font:inherit;font-size:15px;font-weight:650;color:#05131a;cursor:pointer;border:none;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--indigo));box-shadow:0 12px 26px -12px #6a7bffd9;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 #38e2d0cc}.card__button:active{transform:translateY(0)}.card__exit{display:inline-block;margin-top:16px;font-size:13.5px;color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--line);padding-bottom:2px}.card__exit:hover{color:var(--cyan);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(--cyan);background:#38e2d01f;border-radius:999px}.unlocked__title{font-size:24px;margin-bottom:10px}.unlocked__text{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:24px}.unlocked__reset{font:inherit;font-size:14px;color:var(--cyan);background:none;border:1px solid var(--line);border-radius:999px;padding:10px 20px;cursor:pointer}.unlocked__reset:hover{background:#38e2d014}