.key-page{--acid:#caff00;--purple:#a438ff;color:#f7f8f5;background:#030303;min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.key-page *{box-sizing:border-box}.key-stars{pointer-events:none;z-index:0;background:radial-gradient(circle at 75% 20%,#a438ff2c,#0000 28%),radial-gradient(circle at 20% 45%,#caff0015,#0000 26%),radial-gradient(#fff 1px,#0000 1px) 0 0/71px 71px;position:fixed;inset:0}.key-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505b8;border-bottom:1px solid #272b27;justify-content:space-between;align-items:center;padding:22px clamp(18px,5vw,76px);display:flex;position:relative}.key-logo{color:#fff;align-items:center;gap:9px;font-size:20px;font-weight:1000;text-decoration:none;display:flex}.key-logo img{object-fit:contain;width:42px;height:42px}.key-logo b{color:var(--acid)}.back-site{color:#d7dcd4;letter-spacing:.1em;border:1px solid #3a3f39;border-radius:999px;padding:11px 15px;font:900 9px monospace;text-decoration:none}.key-toast{z-index:100;background:var(--acid);color:#050505;border-radius:999px;width:max-content;max-width:calc(100vw - 30px);padding:12px 17px;font:1000 10px monospace;position:fixed;top:82px;left:50%;translate:-50%;box-shadow:0 0 40px #caff0066}.key-hero{z-index:2;grid-template-columns:minmax(0,1fr) minmax(340px,560px);align-items:center;gap:clamp(30px,6vw,100px);min-height:760px;padding:70px clamp(18px,7vw,110px);display:grid;position:relative}.key-copy{max-width:720px}.key-eyebrow{color:var(--acid);letter-spacing:.18em;font:1000 10px monospace}.key-eyebrow i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 12px var(--acid);border-radius:50%;margin-right:8px;display:inline-block}.key-copy h1{letter-spacing:-.075em;margin:20px 0;font-size:clamp(48px,7.3vw,108px);line-height:.84}.key-copy h1 em{color:#0000;-webkit-text-stroke:1.5px var(--acid);text-shadow:0 0 32px #caff003d;font-style:normal}.key-copy>p:not(.key-eyebrow){color:#adb3ab;max-width:590px;font-size:17px;line-height:1.7}.voice-key{border:1px solid var(--purple);color:#e7b9ff;letter-spacing:.12em;background:#160720;border-radius:4px;margin-top:24px;padding:15px 18px;font:1000 10px monospace;box-shadow:0 0 25px #a438ff2d}.voice-key span{color:var(--acid);margin-right:10px}.voice-key.listening{animation:.9s ease-in-out infinite keyPulse}.key-copy>small{color:#6e756d;letter-spacing:.12em;margin-top:12px;font:800 8px monospace;display:block}.key-stage{perspective:1400px;flex-direction:column;align-items:center;display:flex}.key-card{aspect-ratio:709/1536;width:min(100%,410px);transform-style:preserve-3d;filter:drop-shadow(0 28px 55px #000)drop-shadow(0 0 38px #a438ff38);background:0 0;border:0;border-radius:42px;padding:0;transition:transform .75s cubic-bezier(.2,.7,.2,1);position:relative}.key-card.is-flipped{transform:rotateY(180deg)}.key-face{backface-visibility:hidden;border:1px solid #9c3cff;border-radius:42px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.key-front{background:#040604}.key-front img{object-fit:cover;width:100%;height:100%}.key-back{background:radial-gradient(circle at 50% 25%,#b438ff2f,#0000 34%),linear-gradient(160deg,#080b08,#09030f);padding:45px 34px;transform:rotateY(180deg);box-shadow:inset 0 0 50px #caff000c}.key-back:before{content:"57";color:#ffffff07;font-size:230px;font-weight:1000;line-height:1;position:absolute;inset:auto -10px -40px auto}.back-kicker{color:var(--acid);letter-spacing:.18em;margin-bottom:25px;font:1000 9px monospace}.qr-shell{z-index:2;border:4px solid var(--acid);background:#fff;border-radius:16px;padding:12px;position:relative;box-shadow:0 0 18px #fff,0 0 42px #caff008c}.key-back>strong{color:#fff;letter-spacing:.04em;margin-top:26px;font-size:20px}.permalink{color:var(--acid);margin-top:8px;font:900 10px monospace}.back-detail{color:#cbd0c9;text-align:center;margin-top:30px;font:800 11px/1.8 monospace}.flip-hint{color:#747b73;letter-spacing:.14em;font:900 8px monospace;position:absolute;bottom:24px}.flip-button{color:#d7ddd4;letter-spacing:.1em;background:#0b0d0b;border:1px solid #3b403a;border-radius:999px;margin-top:18px;padding:11px 16px;font:1000 9px monospace}.key-actions{z-index:2;background:#080a08;border-block:1px solid #2b302a;grid-template-columns:repeat(6,1fr);display:grid;position:relative}.key-actions a,.key-actions button{border:0;color:#fff;text-align:left;background:0 0;border-right:1px solid #2b302a;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:170px;padding:23px;text-decoration:none;transition:all .2s;display:flex}.key-actions a:hover,.key-actions button:hover{box-shadow:inset 0 -3px var(--acid);background:#11170d}.key-actions b{color:var(--purple);margin-bottom:auto;font:1000 22px monospace}.key-actions span{color:var(--acid);font-size:14px;font-weight:1000}.key-actions small{color:#798078;letter-spacing:.08em;margin-top:7px;font:800 8px monospace}.arrival{z-index:2;background:radial-gradient(circle at 88% 20%,#caff001b,#0000 30%),#060706;justify-content:space-between;align-items:end;gap:30px;padding:90px clamp(18px,7vw,110px);display:flex;position:relative}.arrival h2{letter-spacing:-.07em;margin:14px 0;font-size:clamp(48px,7vw,94px);line-height:.83}.arrival>div>p:last-child{color:#9ca39b;max-width:520px;line-height:1.6}.arrival>a{background:var(--acid);color:#050505;letter-spacing:.1em;flex:none;padding:17px 20px;font:1000 10px monospace;text-decoration:none;box-shadow:0 0 35px #caff0039}.key-footer{z-index:2;color:#747a73;letter-spacing:.1em;justify-content:space-between;gap:20px;padding:25px clamp(18px,5vw,76px);font:800 8px monospace;display:flex;position:relative}.key-footer a{color:var(--acid);text-decoration:none}@keyframes keyPulse{50%{transform:scale(1.02);box-shadow:0 0 55px #a438ff}}@media (width<=980px){.key-hero{grid-template-columns:1fr;padding-top:55px}.key-copy{text-align:center;margin:auto}.key-copy>p:not(.key-eyebrow){margin-inline:auto}.key-card{width:min(78vw,390px)}.key-actions{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.key-header{padding:14px 15px}.back-site{font-size:8px}.key-hero{min-height:0;padding:45px 17px}.key-copy h1{font-size:48px}.key-copy>p:not(.key-eyebrow){font-size:15px}.key-card{border-radius:34px;width:min(88vw,370px)}.key-face{border-radius:34px}.key-actions{grid-template-columns:repeat(2,1fr)}.key-actions a,.key-actions button{min-height:135px;padding:17px}.arrival{flex-direction:column;align-items:flex-start;padding:65px 20px}.key-footer{text-align:center;flex-direction:column}.qr-shell svg{width:190px;height:190px}}@media (prefers-reduced-motion:reduce){.key-card,.voice-key{transition:none;animation:none!important}}.key-card{perspective:1400px;cursor:pointer;outline:none;transform-style:flat!important;transform:none!important}.key-card:focus-visible{outline:3px solid var(--acid);outline-offset:7px}.key-card-inner{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform .72s cubic-bezier(.2,.72,.2,1);position:absolute;inset:0}.key-card-inner.is-flipped{transform:rotateY(180deg)}.key-card .key-face{backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;display:flex}.key-card .key-front{transform:rotateY(0)translateZ(1px)}.key-card .key-back{transform:rotateY(180deg)translateZ(1px)}.flip-button{border-color:var(--acid);min-width:180px;color:var(--acid);box-shadow:0 0 24px #caff0029}@media (prefers-reduced-motion:reduce){.key-card-inner{transition-duration:.01ms}}.key-card .key-back-art{background:#030303;padding:0}.key-card .key-back-art:before{display:none}.key-back-art>img{object-fit:cover;width:100%;height:100%}.live-qr{z-index:4;aspect-ratio:1;pointer-events:none;background:#fff;border:3px solid #66ff86;border-radius:11%;place-items:center;width:41.2%;padding:2.4%;display:grid;position:absolute;top:24.8%;left:29.4%;box-shadow:0 0 10px #fff,0 0 25px #42ff75}.live-qr svg{width:100%;height:100%;display:block}.key-url-main{z-index:5;color:#fff;letter-spacing:.05em;pointer-events:none;background:linear-gradient(90deg,#351047,#241039);border:1px solid #b149e6;border-radius:999px;place-items:center;width:64%;height:4.1%;font:1000 clamp(7px,1vw,11px) monospace;display:grid;position:absolute;top:47.2%;left:18.1%}.key-url-detail{z-index:5;color:#fff;text-align:left;pointer-events:none;background:#030403;flex-direction:column;justify-content:center;align-items:flex-start;width:57%;height:4.7%;display:flex;position:absolute;top:53.4%;left:25.3%}.key-url-detail small{color:#60ff79;letter-spacing:.08em;font:1000 clamp(5px,.7vw,8px) monospace}.key-url-detail strong{color:#fff;letter-spacing:0;margin-top:2px;font:1000 clamp(7px,1vw,11px) monospace}