@font-face{font-family:Akairo;src:url('/assets/fonts/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#101115;--surface:#1a1b21;--field:#111216;--line:#ffffff12;--text:#f0f1f5;--muted:#969baa;--accent:#f57594;--green:#80dcb2;--radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 25%,#38212b30,transparent 48%),var(--bg);color:var(--text);font:14px/1.6 Akairo,Arial,sans-serif;min-width:320px}button,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}main{max-width:1240px;margin:auto;padding:0 44px}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:700;letter-spacing:.6px}.brand img{width:38px;height:42px}.brand small{display:block;color:#7e8494;letter-spacing:2px;font-size:7px;font-weight:500;margin-top:2px}select{border:1px solid #ffffff1a;background:#191a20;color:#cfd2dd;border-radius:30px;padding:10px 16px;box-shadow:inset 0 1px #ffffff0b;font-size:11px;cursor:pointer}.access-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:64px 0 68px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.2px;color:var(--accent);margin:0;display:flex;align-items:center;gap:8px}.eyebrow i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #f5759460}.access-art{position:relative;min-width:0;padding:20px 0}.access-art h2{font-size:clamp(40px,4.3vw,62px);line-height:1.04;letter-spacing:-3px;font-weight:500;max-width:480px;margin:25px 0 22px}.art-intro{font-size:13px;color:var(--muted);max-width:360px;line-height:1.85;margin-bottom:35px}.hub-preview{max-width:410px;position:relative;background:#101115;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 26px 55px #0006,inset 0 1px #ffffff10;transform:perspective(1000px) rotateY(4deg) rotateX(2deg);overflow:hidden}.preview-title{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);background:linear-gradient(#222329,#191a20)}.preview-title img{width:24px;height:28px}.preview-title>span{font-size:11px;letter-spacing:.7px;font-weight:600;flex:1}.preview-title small{display:block;font-size:5px;color:#7e8494;letter-spacing:1.4px;margin-top:2px}.preview-title i{font-style:normal;color:#9da1ad;font-size:11px;margin-left:5px}.preview-body{padding:24px}.preview-kicker{font-size:7px;letter-spacing:1.4px;color:#8c92a2}.preview-body strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.7px;margin:9px 0 20px}.preview-input{background:#0e0f13;border:1px solid #ffffff15;box-shadow:inset 0 2px 7px #0005;padding:12px;border-radius:9px;color:#737a8e;font-size:10px}.preview-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:14px}.preview-actions>span{border-radius:22px;border:1px solid #ffffff25;text-align:center;padding:10px;font-size:10px;background:linear-gradient(#2b2c33,#15161c 60%,#1c1d23);box-shadow:inset 0 2px 3px #ffffff15,0 0 0 3px #090a0d,0 3px 8px #0005}.preview-actions>span:last-child{border-color:#f5759450;box-shadow:inset 0 2px 3px #ffffff15,inset 0 -6px 12px #ed729519,0 0 0 3px #090a0d}.preview-connected{margin-top:23px;font-size:8px;color:#83bc9f;display:flex;align-items:center;gap:7px}.preview-connected i{width:4px;height:4px;border-radius:50%;background:var(--green)}.art-footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#656b7b;max-width:410px;margin-top:28px}.access-card{position:relative;min-width:0;background:linear-gradient(150deg,#23242b,#191a20 35%,#17181e);border:1px solid #ffffff16;border-radius:var(--radius);padding:30px;box-shadow:inset 0 1px #ffffff0b,0 18px 60px #0003}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:29px}.card-top .eyebrow{color:#9298a8;font-size:8px;letter-spacing:1.5px}.session-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#93b7a6;background:#17261e;padding:5px 8px;border:1px solid #ffffff0a;border-radius:20px}.session-badge .ui-icon{width:11px;height:11px}h1{font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-1.5px;margin:0 0 13px}.intro{color:var(--muted);font-size:12px;max-width:310px;margin-bottom:20px}.facts{display:flex;gap:8px;flex-wrap:wrap}.facts>span{font-size:9px;padding:5px 9px;border-radius:6px;border:1px solid #ffffff0e;background:#11121670;color:#b1b6c5}.access-steps{padding:20px 0;margin:23px 0 5px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);gap:12px}.access-steps li{display:flex;gap:7px;align-items:center;font-size:8px;color:#696f80}.access-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #ffffff12;font-size:8px;font-weight:400}.access-steps li:first-child{color:#e7c0cc}.access-steps li:first-child b{background:#e16f921c;border-color:#e16f9240}body[data-phase=pending] .access-steps li:nth-child(2),body[data-phase=success] .access-steps li:nth-child(3){color:var(--green)}body[data-phase=success] .access-steps li:nth-child(3) b{border-color:#80dcb255;background:#80dcb211}#choices{display:grid;gap:12px}button{position:relative;border-radius:28px;border:1px solid #ffffff20;background:linear-gradient(180deg,#303138 0,#1e1f25 18%,#17181d 65%,#202127);box-shadow:inset 0 1px 2px #ffffff29,inset 0 3px 5px #ffffff08,0 3px 9px #0004;color:#e6e8ef;padding:13px 18px;transition:transform .2s,border-color .25s,box-shadow .25s}button:hover:not(:disabled){border-color:#f5759470;box-shadow:inset 0 1px 3px #ffffff30,inset 0 -9px 16px #f5759413,0 0 0 3px #f5759408;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 7px #0007}#choices button{display:flex;align-items:center;gap:14px;text-align:left;min-height:69px;border-radius:15px;padding:13px 16px}#choices button:disabled{opacity:.65;background:#191a20;box-shadow:inset 0 1px #ffffff06}#choices button img{width:29px;height:29px;object-fit:contain;border-radius:8px}#choices button>span{flex:1;font-size:12px;font-weight:500}#choices button small{display:block;color:#9097a9;font-size:9px;font-weight:400;margin-top:4px}#choices .ui-icon{width:16px;height:16px;color:#aab0c2}.ui-icon{width:19px;height:19px;flex-shrink:0}#feedback{font-size:10px;line-height:1.7;color:#a1a7b8;background:#11121677;border:1px solid #ffffff0b;border-radius:10px;padding:13px 14px;margin:21px 0 0;overflow-wrap:anywhere}#feedback[data-state=cooldown],#feedback[data-state=expired]{color:#edc18d;border-color:#edc18d30}#feedback[data-state=success]{color:var(--green);border-color:#80dcb230}#resume,#retry{width:100%;margin-top:14px;font-size:11px}.access-note{font-size:9px;line-height:1.7;text-align:center;color:#777e90;margin:20px 15px 0}#result{margin-top:12px}#result h2{font-size:23px;letter-spacing:-.7px;font-weight:500}#result .eyebrow{color:var(--green);margin:15px 0}label{display:block;font-size:10px;color:#a6adbd;margin:15px 0 8px}textarea{display:block;width:100%;background:#111216;border:1px solid #ffffff1b;border-radius:12px;padding:14px;color:#c4ead8;font-size:12px;line-height:1.7;resize:none;box-shadow:inset 0 2px 8px #0005;word-break:break-all}#copy{width:100%;margin-top:15px;border-color:#80dcb244}#expiry{font-size:10px;color:#8d96a8;margin-bottom:0}footer{padding:24px 0 30px;border-top:1px solid var(--line);text-align:center;font-size:9px;color:#72798c;line-height:1.8}footer:before{content:'AKAIRO HUB / ACCESS';display:block;font-size:8px;letter-spacing:2px;color:#9ba0b0;margin-bottom:6px}@media(max-width:1050px){main{padding:0 28px}.access-layout{gap:35px}.access-art h2{font-size:48px}.access-card{padding:25px}.hub-preview{max-width:350px}.preview-body{padding:20px}}@media(max-width:760px){main{padding:0 20px}header{height:88px}.brand{font-size:17px}.brand img{width:30px;height:34px}.brand small{font-size:6px;letter-spacing:1.3px}select{padding:9px 12px;font-size:10px}.access-layout{grid-template-columns:1fr;gap:28px;padding:32px 0}.access-art{text-align:center;padding:8px 0 0}.access-art>.eyebrow{justify-content:center}.access-art h2{font-size:39px;letter-spacing:-1.8px;max-width:400px;margin:17px auto}.art-intro{margin:0 auto;font-size:12px;max-width:330px}.hub-preview,.art-footer{display:none}.access-card{max-width:480px;width:100%;margin:auto;padding:25px}.card-top{margin-bottom:25px}h1{font-size:31px}.intro{font-size:12px}#choices button{min-height:72px}.access-note{font-size:10px}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.hub-preview{transform:none}}

/* Pointer lighting and native 3D presentation. */
.motion-tilt{position:relative;transform:perspective(1400px) rotateX(var(--motion-rx,0deg)) rotateY(var(--motion-ry,0deg)) translate3d(var(--motion-tx,0px),var(--motion-ty,0px),0);transition:transform .5s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s;transform-style:preserve-3d}.motion-tilt.motion-active{transition:transform .13s ease-out,border-color .35s,box-shadow .35s;will-change:transform;border-color:#ffffff35}.motion-tilt:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(650px circle at var(--pointer-x,50%) var(--pointer-y,0%),#c7d7ff13,transparent 62%);opacity:0;transition:opacity .4s;z-index:5}.motion-tilt.motion-active:after{opacity:1}.motion-tilt:has(:focus-visible){transform:none}.motion-light{background-image:radial-gradient(600px circle at var(--pointer-x,50%) var(--pointer-y,0%),#bfc9eb09,transparent 65%),linear-gradient(145deg,#23252e,#1a1c23 75%);transition:border-color .3s,box-shadow .3s}.motion-light.motion-active{border-color:#d395ad35;box-shadow:inset 0 1px #ffffff12,0 12px 36px #0002}@media(prefers-reduced-motion:reduce){.motion-tilt,.motion-tilt.motion-active{transform:none!important;transition:none!important}.motion-tilt:after{display:none}}@media(hover:none),(pointer:coarse){.motion-tilt{transform:none!important}.motion-tilt:after{display:none}}

/* Explicit free-key creation / extension choice. */
.key-intent{display:grid;gap:10px;margin:24px 0;padding:18px;border:1px solid #35313d;border-radius:15px;background:#15151d}.key-intent label{display:block;margin-bottom:8px;font-size:13px;color:#ddd8e6}.key-intent select,.key-intent input{width:100%;min-width:0;box-sizing:border-box;background:#1d1b27;color:#f5eff8;border:1px solid #494051;border-radius:10px;padding:12px;font:inherit}.key-intent p{font-size:12px;line-height:1.65;color:#aaa1b6;margin:10px 0 0}.key-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.key-result-actions button{flex:1;min-width:150px;padding:12px;border:1px solid #564257;border-radius:10px;background:#241d2c;color:#f1dbe9;font:inherit;font-size:12px}.key-intent select:focus-visible,.key-intent input:focus-visible,.key-result-actions button:focus-visible{outline:2px solid #ee87b0;outline-offset:3px}#existing-key-panel[hidden]{display:none}