.access{--night:#08061e;--indigo:#3326a7;--lavender:#bab6ec;--orange:#f90;background:radial-gradient(ellipse at 50% 120%, #1a1268 0%, var(--night) 60%) var(--night);color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1rem 3rem;display:flex;position:relative;overflow:hidden}.access-sky{pointer-events:none;position:absolute;inset:0}.access-glow{filter:blur(80px);opacity:.55;border-radius:50%;width:60vmax;height:60vmax;animation:22s ease-in-out infinite alternate access-float;position:absolute}.access-glow--indigo{background:radial-gradient(circle,#4437bb 0%,#0000 65%);top:-20vmax;left:-15vmax}.access-glow--orange{background:radial-gradient(circle,#ff99008c 0%,#0000 60%);animation-duration:28s;animation-direction:alternate-reverse;bottom:-28vmax;right:-18vmax}.access-glow--lavender{background:radial-gradient(circle,#bab6ec66 0%,#0000 65%);width:35vmax;height:35vmax;animation-duration:18s;top:30%;right:20%}.access-stars{background-repeat:repeat;position:absolute;inset:-50%}.access-stars--near{background-image:radial-gradient(2.2px 2.2px at 331px 154px,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 74px 548px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 596px 59px,#fff 50%,#0000 51%),radial-gradient(2.2px 2.2px at 88px 444px,#fff 50%,#0000 51%),radial-gradient(2.2px 2.2px at 246px 92px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 579px 126px,#ffd9a0 50%,#0000 51%),radial-gradient(2.2px 2.2px at 63px 590px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 226px 47px,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 429px 147px,#ffd9a0 50%,#0000 51%),radial-gradient(1.5px 1.5px at 315px 573px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 595px 584px,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 99px 560px,#ffd9a0 50%,#0000 51%),radial-gradient(2.2px 2.2px at 61px 210px,#ffd9a0 50%,#0000 51%),radial-gradient(2.2px 2.2px at 437px 321px,#ffd9a0 50%,#0000 51%);background-size:613px 613px;animation:5s ease-in-out infinite alternate access-twinkle,140s linear infinite access-pan}.access-stars--far{opacity:.5;background-image:radial-gradient(1px 1px at 232px 185px, #fff 50%, transparent 51%), radial-gradient(1.2px 1.2px at 406px 92px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 41px 294px, var(--lavender) 50%, transparent 51%), radial-gradient(1.2px 1.2px at 253px 175px, #fff 50%, transparent 51%), radial-gradient(.8px .8px at 147px 311px, #fff 50%, transparent 51%), radial-gradient(.8px .8px at 262px 214px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 77px 250px, #fff 50%, transparent 51%), radial-gradient(1.2px 1.2px at 342px 39px, var(--lavender) 50%, transparent 51%), radial-gradient(1px 1px at 404px 418px, #fff 50%, transparent 51%), radial-gradient(1.2px 1.2px at 355px 179px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 296px 408px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 430px 47px, #fff 50%, transparent 51%), radial-gradient(.8px .8px at 356px 340px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 374px 359px, var(--lavender) 50%, transparent 51%), radial-gradient(1px 1px at 295px 348px, #fff 50%, transparent 51%), radial-gradient(1.2px 1.2px at 366px 197px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 11px 236px, #fff 50%, transparent 51%), radial-gradient(1px 1px at 312px 59px, #fff 50%, transparent 51%);background-size:431px 431px;animation:7s ease-in-out infinite alternate-reverse access-twinkle,220s linear infinite access-pan}.access-sky{perspective:1200px}.access-drift{opacity:0;will-change:transform, opacity;height:auto;animation:var(--path) var(--wander,48s) ease-in-out var(--delay,0s) infinite alternate, access-breathe var(--breathe,26s) ease-in-out var(--delay,0s) infinite;position:absolute}.access-drift--far{--peak:.14;--wander:64s;--breathe:30s;filter:blur(3px)saturate(1.1);width:clamp(90px,9vw,150px)}.access-drift--mid{--peak:.24;--wander:52s;--breathe:24s;filter:blur(1.4px)saturate(1.2);width:clamp(130px,14vw,230px)}.access-drift--near{--peak:.34;--wander:40s;--breathe:20s;filter:blur(.4px)saturate(1.25)drop-shadow(0 10px 30px #00000073);width:clamp(190px,22vw,360px)}.access-stage{z-index:1;width:min(26rem,100%);position:relative}.access-pip{z-index:2;width:120px;margin-left:-60px;animation:16s ease-in-out infinite access-loop;position:absolute;top:-5.5rem;left:50%}.access-pip__body{filter:drop-shadow(0 12px 18px #00000073);animation:16s ease-in-out infinite access-bank}.access-pip__bubble{width:max-content;max-width:13rem;color:var(--night);font-family:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;background:#ffffffeb;border:1px solid #ffffff59;border-radius:1rem 1rem 1rem .25rem;padding:.5rem .8rem;font-size:.85rem;font-weight:500;line-height:1.3;animation:16s ease-in-out infinite access-pop;position:absolute;top:.75rem;left:108px;box-shadow:0 8px 24px #08061e59,inset 0 1px #fff}.access-pip--puzzled,.access-pip--puzzled .access-pip__body{animation:2.6s ease-in-out infinite access-hover}.access-pip--puzzled{margin-left:0;top:-6rem;left:.5rem}.access-pip--puzzled .access-pip__bubble{opacity:1;animation:none;transform:none}.access-card{-webkit-backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(145deg,#ffffff29 0%,#ffffff0a 45%,#ffffff14 100%),#1a126859;border:1px solid #ffffff2e;border-radius:1.75rem;flex-direction:column;gap:.9rem;padding:4.5rem 1.75rem 1.75rem;display:flex;position:relative;box-shadow:0 30px 80px #04040d99,inset 0 2px #ffffff1f,inset 0 -1px #00000040}.access-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 15% 0,#ffffff38,#0000 55%);position:absolute;inset:0}.access-lockup{flex-direction:column;align-items:center;gap:.4rem;display:flex}.access-lockup>img{filter:drop-shadow(0 6px 14px #0006);width:9.5rem;height:auto}.access-lockup span{color:#a5a5b4;font-family:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;align-items:center;gap:.45rem;font-size:.75rem;font-weight:500;display:flex}.access-lockup span img{width:auto;height:18px}.access-copy{text-align:center}.access-eyebrow{color:var(--orange);font-family:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:900}.access-copy h1{color:#fff;font-size:1.75rem;line-height:1.15}.access-copy p:last-child{color:#d4d2ee;margin-top:.5rem;font-size:.95rem;line-height:1.45}.access-label{color:#fff;font-family:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;margin-top:.3rem;font-size:.9rem;font-weight:500}.access-well{background:linear-gradient(#050414 0%,#120e33 100%);border:1px solid #00000059;border-radius:999px;align-items:center;gap:.6rem;margin-top:-.4rem;padding:0 1.1rem;transition:box-shadow .15s;display:flex;box-shadow:inset 0 3px 8px #000000b3,inset 0 -1px #ffffff0f,0 1px #ffffff24}.access-well:focus-within{box-shadow:inset 0 3px 8px #000000b3, 0 0 0 3px var(--orange), 0 0 24px #ff990059}.access-well__icon{width:1.15rem;height:1.15rem;color:var(--lavender);flex-shrink:0}.access-well input{color:#fff;width:100%;min-height:3.25rem;font-family:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;letter-spacing:.04em;background:0 0;outline:none;font-size:1.05rem}.access-well input::placeholder{color:#7a77a8;letter-spacing:0}.access-error{color:#ffd9d2;background:#c2416b38;border:1px solid #ff8c7873;border-radius:.75rem;margin-top:-.3rem;padding:.5rem .75rem;font-size:.9rem}.access-button{min-height:3.25rem;color:var(--night);cursor:pointer;font-family:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;background:linear-gradient(#ffc160 0%,#f90 48%,#f08a00 100%);border:1px solid #c77a00;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.4rem;font-size:1.05rem;font-weight:900;transition:transform 90ms,box-shadow 90ms,filter .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #b86d00,0 12px 24px #ff990059,inset 0 1px #ffffffb3}.access-button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:999px;height:46%;position:absolute;top:0;left:8%;right:8%}.access-button svg{width:1.2rem;height:1.2rem;transition:transform .15s}.access-button:hover{filter:brightness(1.05)}.access-button:hover svg{transform:translate(3px)}.access-button:active{transform:translateY(5px);box-shadow:0 1px #b86d00,0 4px 10px #ff99004d,inset 0 2px 6px #783c0059}.access-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.access-foot{z-index:1;color:#a5a5b4;text-align:center;margin-top:2rem;font-size:.8rem;position:relative}@keyframes access-float{to{transform:translate(6vmax,4vmax)scale(1.08)}}@keyframes access-twinkle{0%{opacity:.55}to{opacity:1}}@keyframes access-pan{to{transform:translate(240px,120px)}}@keyframes access-breathe{0%,to{opacity:0}20%,60%{opacity:var(--peak)}80%{opacity:calc(var(--peak) * .35)}}@keyframes access-wander-0{0%{transform:translate(0,0)rotateY(-14deg)rotate(-4deg)scale(.92)}to{transform:translate3d(4vw,-5vh,40px)rotateY(10deg)rotate(3deg)scale(1.06)}}@keyframes access-wander-1{0%{transform:translateZ(-60px)rotateX(10deg)rotate(3deg)scale(1.05)}to{transform:translate3d(-5vw,4vh,20px)rotateX(-8deg)rotate(-3deg)scale(.9)}}@keyframes access-wander-2{0%{transform:translate(0,0)rotateY(12deg)rotateX(-6deg)scale(1)}to{transform:translate3d(3vw,6vh,-40px)rotateY(-12deg)rotateX(6deg)scale(1.1)}}@keyframes access-wander-3{0%{transform:translateZ(30px)rotate(-6deg)scale(.95)}to{transform:translate3d(-3vw,-6vh,-30px)rotate(5deg)scale(1.04)}}@keyframes access-loop{0%,to{transform:translate(0)}18%{transform:translate(min(34vw,22rem),6rem)}34%{transform:translate(min(30vw,19rem),24rem)}50%{transform:translateY(30rem)}66%{transform:translate(max(-30vw,-19rem),24rem)}82%{transform:translate(max(-34vw,-22rem),6rem)}}@keyframes access-bank{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}30%{transform:rotate(8deg)}50%{transform:rotate(0)scale(1.08)}70%{transform:rotate(-8deg)}90%{transform:rotate(-14deg)}}@keyframes access-pop{0%,4%,96%,to{opacity:1;transform:scale(1)}9%,91%{opacity:0;transform:scale(.8)}}@keyframes access-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:640px){.access-pip,.access-pip__body{animation:2.6s ease-in-out infinite access-hover}.access-pip{margin-left:0;left:.25rem}.access-pip__bubble{animation:none}.access-drift--far{display:none}}@media (prefers-reduced-motion:reduce){.access *,.access :before{transition:none!important;animation:none!important}.access-pip{margin-left:0;left:.25rem}.access-pip__bubble{opacity:1;transform:none}.access-drift{opacity:var(--peak)}}
