:root{--navy:#070d24;--navy-2:#101a40;--gold:#d4af37;--gold-soft:#f1d77a;--text:#e9ecf8;--muted:#8f9ac0;--k:1;--close-ms:1100;--open-ms:1300}@media (prefers-reduced-motion:reduce){:root{--k:0.2}}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Georgia,Times New Roman,serif;color:var(--text);background:radial-gradient(900px 500px at 80% -10%,rgba(212,175,55,.14),transparent 60%),radial-gradient(800px 600px at 0 100%,rgba(40,70,170,.28),transparent 60%),var(--navy);background-attachment:fixed}.stage{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.card{width:100%;max-width:440px;padding:32px 26px;border:1px solid rgba(212,175,55,.35);border-radius:20px;background:rgba(16,26,64,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;transform:scale(.92);transition:opacity calc(.26s * var(--k)) ease,transform calc(.32s * var(--k)) cubic-bezier(.5,0,.75,0)}.card[data-show=true]{opacity:1;transform:scale(1);transition:opacity calc(.6s * var(--k)) ease calc(.38s * var(--k)),transform calc(.9s * var(--k)) cubic-bezier(.2,.9,.3,1.12) calc(.38s * var(--k))}.eyebrow{margin:0;letter-spacing:.22em;text-transform:uppercase;font-size:12px;color:var(--gold)}h1{margin:8px 0 6px;font-size:30px;color:var(--gold-soft)}.sub{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.5}.glass{width:100%;padding:15px 16px;font-size:16px;color:var(--text);background:rgba(7,13,36,.6);border:1px solid rgba(212,175,55,.4);border-radius:12px;outline:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}.gold{width:100%;margin-top:14px;padding:14px;font-size:16px;font-weight:700;color:#1a1400;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,var(--gold-soft),var(--gold))}.gold:disabled{opacity:.5;cursor:not-allowed}.gold.big{padding:17px;font-size:18px;margin-top:20px}.link{display:block;margin:16px auto 0;padding:6px 10px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}.link:hover{color:var(--gold-soft)}.error{margin:14px 0 0;color:#ff9a9a;font-size:14px}.preview{padding:16px;border-radius:14px;background:rgba(7,13,36,.55);border:1px solid rgba(212,175,55,.25)}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:15px}.row span{color:var(--muted)}.row b{color:var(--gold-soft);word-break:break-all;text-align:right}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(3,6,18,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in calc(.3s * var(--k)) ease both}.overlay.out{animation:fade-out calc(.24s * var(--k)) ease both}.modal{width:100%;max-width:420px;padding:28px 24px;border-radius:18px;background:var(--navy-2);border:1px solid var(--gold);box-shadow:0 0 40px rgba(212,175,55,.25);animation:pop-in calc(.65s * var(--k)) cubic-bezier(.2,.9,.3,1.12) both}.overlay.out .modal{animation:pop-out calc(.24s * var(--k)) ease-in both}.modal h2{margin:0 0 14px;color:var(--gold-soft)}.modal p{margin:8px 0}.warn{color:#f3d98a;font-size:14px;line-height:1.5}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.clouds{--W:max(112vw,142vh);--edge-min:0.51;--edge-max:0.92;--out:calc(55vw + (var(--edge-max) - var(--edge-min)) * var(--W) + 4vw);position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none}@supports (height:100dvh){.clouds{--W:max(112vw,142dvh)}}.clouds[data-phase=covered]{background:var(--navy);pointer-events:auto}.clouds[data-phase=closing]{pointer-events:auto}.panel{position:absolute;top:0;height:100%;width:var(--W);background-size:cover;background-position:50%;background-repeat:no-repeat;transform:translateZ(0);will-change:transform}.panel.left{left:calc(55vw - var(--edge-min) * var(--W));background-image:url(/clouds/cloud-left.webp)}.panel.right{right:calc(55vw - var(--edge-min) * var(--W));background-image:url(/clouds/cloud-right.webp)}.clouds[data-phase=open] .panel.left,.clouds[data-phase=opening] .panel.left{transform:translate3d(calc(-1 * var(--out)),0,0)}.clouds[data-phase=open] .panel.right,.clouds[data-phase=opening] .panel.right{transform:translate3d(var(--out),0,0)}.clouds[data-phase=closing] .panel{transition:transform calc(var(--close-ms) * var(--k) * 1ms) cubic-bezier(.5,.05,.3,1)}.clouds[data-phase=open] .panel,.clouds[data-phase=opening] .panel{transition:transform calc(var(--open-ms) * var(--k) * 1ms) cubic-bezier(.65,.02,.25,1)}body,html{cursor:url(/cursor/cursor.png) 3 3,auto;cursor:-webkit-image-set(url("/cursor/cursor.png") 1x,url("/cursor/cursor@2x.png") 2x) 3 3,auto;cursor:image-set(url("/cursor/cursor.png") 1x,url("/cursor/cursor@2x.png") 2x) 3 3,auto}[role=button],a,button,label{cursor:url(/cursor/cursor-hover.png) 4 4,pointer;cursor:-webkit-image-set(url("/cursor/cursor-hover.png") 1x,url("/cursor/cursor-hover@2x.png") 2x) 4 4,pointer;cursor:image-set(url("/cursor/cursor-hover.png") 1x,url("/cursor/cursor-hover@2x.png") 2x) 4 4,pointer}input,textarea{cursor:text}.gate{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;padding:16px;animation:fade-in .5s ease both}.gate-card{width:100%;max-width:320px;padding:28px 24px 22px;text-align:center;border:1px solid rgba(212,175,55,.45);border-radius:20px;background:rgba(7,13,36,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.5)}.gate-logo{display:block;margin:0 auto 6px;filter:drop-shadow(0 0 18px rgba(212,175,55,.45))}.gate-title{margin:0 0 6px;letter-spacing:.22em;text-transform:uppercase;font-size:14px;color:var(--gold-soft)}.gate-hint{margin:12px 0 0;font-size:13px;color:var(--muted)}.mute{position:fixed;top:14px;right:14px;z-index:1002;width:42px;height:42px;display:grid;place-items:center;padding:0;color:var(--gold-soft);border:1px solid rgba(212,175,55,.5);border-radius:50%;background:rgba(16,26,64,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mute:hover{border-color:var(--gold)}