:root{
color-scheme:dark;--blue:#217aff;--ink:#050914;--muted:#98a6bf}*{
box-sizing:border-box}body{
margin:0;background:var(--ink);color:#f5f7ff;font:15px Arial,Helvetica,sans-serif}a{
color:inherit;text-decoration:none}button,input{
font:inherit}button,a,input{
 -webkit-tap-highlight-color:transparent}button{
cursor:pointer}a:focus-visible,button:focus-visible{
outline:2px solid #76b7ff;outline-offset:6px}main{
min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 28% 38%,#13366870,transparent 58%)}main:after{
content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#579aff80,transparent)}header{
position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:30px 5.5vw}.brand{
display:flex;gap:12px;align-items:center}.brand img{
width:44px;height:44px;object-fit:contain;border-radius:50%}.wordmark{
font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.01em}.wordmark small{
display:block;margin-top:5px;font-size:9px;letter-spacing:.25em;font-weight:400;color:#9daec9}.back{
font-size:12px;color:#a5b3c9;display:flex;gap:12px;align-items:center}.back:hover{
color:white}.layout{
position:relative;display:grid;grid-template-columns:1.2fr 1fr;min-height:calc(100svh - 106px);max-width:1600px;margin:auto}.scene{
position:relative;min-height:650px;isolation:isolate}.halo{
position:absolute;left:19%;top:2%;width:75%;height:75%;background:radial-gradient(ellipse,#216dff35,transparent 67%);filter:blur(30px)}.portrait{
position:absolute;bottom:0;right:-4%;width:88%;height:96%;object-fit:contain;object-position:center bottom;filter:brightness(.74) saturate(.8);mask-image:linear-gradient(to bottom,black 55%,transparent 98%);z-index:-1}.scene:after{
content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05091428,transparent 45%,#050914),linear-gradient(0deg,#050914 0%,#050914d9 16%,transparent 66%)}.story{
position:absolute;left:9%;bottom:14%;max-width:560px}.eyebrow{
display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:10px;letter-spacing:.24em;color:#96bcff;font-weight:700;margin:0 0 22px}.eyebrow:before{
content:'';width:23px;height:1px;background:#78aaff}h1{
font-size:clamp(48px,5.2vw,78px);line-height:.99;letter-spacing:-.06em;margin:0;font-weight:750;text-shadow:0 3px 30px #05091480}h1 span{
color:#89b4ff}.story p{
font-size:15px;line-height:1.7;color:#a8b5cb;max-width:310px;margin:23px 0 0}.signature{
display:flex;gap:13px;align-items:center;margin-top:28px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b5c3da}.signature i{
width:30px;height:1px;background:#6e8caf}.right{
position:relative;display:flex;align-items:center;justify-content:center;padding:35px 9% 85px 6%;background:radial-gradient(ellipse at 65% 40%,#11213c60,transparent 65%)}.access{
width:100%;max-width:390px}.access-label{
font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#93a6c2;margin:0 0 20px;display:flex;gap:9px;align-items:center}.access-label span{
height:5px;width:5px;border-radius:50%;background:#6cafff;box-shadow:0 0 14px #248aff}h2{
font-size:34px;letter-spacing:-.045em;margin:0 0 12px;font-weight:650}.intro{
color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 32px}label{
display:block;font-size:12px;color:#d0d8e7;margin-bottom:10px}input[type=email],input[type=password],input[type=text]{
width:100%;height:55px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff04;color:#fff;padding:0 17px;outline:none;transition:border .2s,background .2s}input::placeholder{
color:#62718a}input:focus{
border-color:#599cff;background:#10254650;box-shadow:0 0 0 3px #237aff12}.field{
margin-bottom:22px}.label-row{
display:flex;justify-content:space-between;align-items:center}.label-row a{
color:#8ca2c4;font-size:11px;margin-bottom:10px}.label-row a:hover{
color:#8ebdff}.password{
position:relative}.password input{
padding-right:55px}.eye{
position:absolute;right:6px;top:6px;height:43px;width:43px;border:0;background:none;color:#8294b1;display:grid;place-items:center}.eye svg{
width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.remember{
display:flex;gap:9px;align-items:center;margin:0 0 25px;color:#96a6be;font-size:12px}.remember input{
accent-color:#217aff;width:15px;height:15px;margin:0}.submit{
width:100%;border:1px solid #5fa1ff70;background:linear-gradient(110deg,#1261e8,#328bff);height:54px;border-radius:8px;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:600;font-size:13px;box-shadow:0 8px 35px #0065ff22;transition:transform .2s,box-shadow .2s}.submit:hover{
transform:translateY(-2px);box-shadow:0 8px 35px #0065ff44}.submit span{
font-size:21px;font-weight:400}.signup{
text-align:center;font-size:12px;color:#8999b1;margin:24px 0 32px}.signup a{
color:#e2ebff;margin-left:5px}.partners{
border-top:1px solid #ffffff0d;padding-top:22px;text-align:center}.partners p{
font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#677993;margin:0 0 15px}.partner-links{
display:flex;justify-content:center;gap:22px;color:#98a8bf;font-size:11px}.partner-links button{
font:inherit;color:inherit;background:none;border:0;padding:5px 0}.partner-links button:hover{
color:#dae8ff}.partner-links b{
font-weight:400;margin-left:9px;color:#5d7697}.partner-links i{
width:1px;background:#ffffff16;align-self:center;height:12px}footer{
position:absolute;bottom:23px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#60718c;z-index:3}footer a:hover{
color:#bbceec}.modal{
border:1px solid #42689860;border-radius:15px;background:#0c1424;color:white;padding:32px;width:min(430px,calc(100% - 32px));box-shadow:0 30px 100px #0008}.modal::backdrop{
background:#01040bd9;backdrop-filter:blur(12px)}.modal h2{
font-size:26px;margin:12px 0}.modal p{
font-size:13px;line-height:1.7;color:#9eafc9}.modal a{
display:block;background:#217aff;border-radius:7px;padding:15px;text-align:center;margin-top:24px;font-size:13px}.close{
float:right;background:none;border:0;color:#adc2df;font-size:24px;padding:0 4px}.note{
font-size:11px;color:#9aadc9;line-height:1.6;margin:16px 0 0}.note:empty{
display:none}@media(min-width:1600px){
.layout{
min-height:800px}}@media(max-width:1000px){
header{
padding:25px 5%}.layout{
grid-template-columns:1fr 1fr}.portrait{
width:115%;right:-12%;height:87%}.story{
left:10%;bottom:15%}h1{
font-size:54px}.right{
padding:30px 9% 75px 4%}}@media(max-width:720px){
header{
padding:22px 24px}.brand img{
width:36px;height:36px}.wordmark{
font-size:12px}.wordmark small{
font-size:8px}.back{
font-size:0}.back span{
font-size:21px}.layout{
display:block;min-height:auto}.scene{
min-height:300px;height:300px;margin-top:-5px}.portrait{
height:385px;width:65%;right:-2%;bottom:-20px;object-position:right bottom;mask-image:linear-gradient(black 45%,transparent 95%)}.scene:after{
background:linear-gradient(90deg,#050914a0,transparent),linear-gradient(0deg,#050914,transparent 80%)}.story{
left:24px;bottom:36px;width:75%;max-width:350px}h1{
font-size:45px}.eyebrow{
font-size:8px;letter-spacing:.19em;margin-bottom:16px}.story p{
font-size:12px;max-width:210px;margin-top:16px;line-height:1.6}.signature{
display:none}.right{
padding:12px 26px 85px;background:none}.access{
max-width:430px}.access-label{
margin-bottom:12px}h2{
font-size:28px}.intro{
margin-bottom:25px;font-size:13px}footer{
position:relative;bottom:auto;left:auto;right:auto;padding:0 26px 24px;font-size:8px;gap:20px}.signup{
margin-bottom:27px}}@media(prefers-reduced-motion:reduce){
*{
transition:none!important}}

/* Cinematic guest wall and social access */
.layout{
min-height:calc(100svh - 106px)}.scene{
min-height:760px}.story{
bottom:36%;left:9%}h1{
font-size:clamp(48px,4.7vw,72px)}.portrait{
height:97%;right:-9%;width:97%;filter:brightness(.68) saturate(.72)}.halo{
background:radial-gradient(ellipse,#1878ff55,transparent 67%)}.signature{
margin-top:20px}.right{
padding-top:20px;padding-bottom:85px}.intro{
margin-bottom:23px}.learn{
position:absolute;bottom:9%;left:9%;right:0;overflow:hidden}.learn-heading{
display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-right:32px}.learn h3{
font-size:19px;letter-spacing:-.035em;font-weight:600;margin:0}.motion-toggle{
background:#ffffff08;border:1px solid #ffffff18;color:#8eadd8;border-radius:50%;width:28px;height:28px;font-size:11px}.filmstrip{
overflow:hidden;mask-image:linear-gradient(90deg,black 80%,transparent)}.film-track{
display:flex;width:max-content;animation:film 38s linear infinite;gap:12px}.film-group{
display:flex;gap:12px}.guest-card{
position:relative;flex:none;width:116px;height:143px;border-radius:9px;overflow:hidden;border:1px solid #b6d2ff25;background:#101c32}.guest-card img{
width:100%;height:100%;object-fit:cover;filter:saturate(.62) brightness(.85);transition:filter .3s,transform .5s}.guest-card:after{
content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#030813ee)}.guest-card span{
position:absolute;z-index:1;bottom:12px;left:9px;right:7px;color:#e2eaff;font-size:10px;font-weight:600;line-height:1.3}.guest-card:hover img{
filter:saturate(1) brightness(1);transform:scale(1.05)}.filmstrip:hover .film-track,.filmstrip:focus-within .film-track,.learn.paused .film-track{
animation-play-state:paused}@keyframes film{
to{
transform:translateX(calc(-50% - 6px))}}.social-login{
display:grid;grid-template-columns:1fr 1fr;gap:11px}.social-login a{
height:47px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff04;color:#d8e3f5;font-size:12px;display:flex;justify-content:center;align-items:center;gap:10px;transition:background .2s,border .2s}.social-login a:hover{
background:#ffffff0a;border-color:#6c9bd465}.social-login svg{
width:18px;height:18px}.email-divider{
display:flex;align-items:center;gap:13px;color:#6f819e;font-size:10px;margin:23px 0}.email-divider:before,.email-divider:after{
content:'';height:1px;background:#ffffff0d;flex:1}.partners{
padding-top:18px}.signup{
margin:23px 0 26px}@media(min-width:1600px){
.layout{
min-height:840px}}@media(max-width:1000px){
.scene{
min-height:760px}.story{
left:10%;bottom:36%}.story h1{
font-size:52px}.learn{
left:10%}.guest-card{
width:105px;height:135px}.right{
padding-right:8%}}@media(max-width:720px){
.scene{
min-height:490px;height:490px}.portrait{
height:410px;width:72%;right:-8%;top:-5px;bottom:auto}.story{
left:24px;bottom:auto;top:55px;max-width:350px}.story h1{
font-size:45px}.story p{
font-size:12px;margin-top:17px;max-width:220px}.learn{
left:24px;right:0;bottom:25px}.learn h3{
font-size:17px}.learn-heading{
margin-bottom:12px;padding-right:25px}.guest-card{
width:102px;height:125px}.right{
padding:15px 26px 70px}.intro{
margin-bottom:20px}.email-divider{
margin:20px 0}.scene:after{
background:linear-gradient(90deg,#050914b0,transparent),linear-gradient(0deg,#050914 4%,#050914d9 25%,transparent 88%)}}@media(prefers-reduced-motion:reduce){
.film-track{
animation:none}}

/* Centered login, with descending cinematic portrait columns */
main{
background:#050914;min-height:100svh}header{
padding:25px 4vw;position:relative;z-index:5;background:linear-gradient(#050914ee,#05091400)}.layout{
display:flex;justify-content:center;align-items:center;max-width:none;min-height:calc(100svh - 96px);position:static}.right{
width:100%;padding:22px 24px 80px;z-index:3;background:none;pointer-events:none;align-self:center}.access{
pointer-events:auto;width:438px;max-width:100%;padding:34px 34px 28px;border:1px solid #b5d0ff22;border-top-color:#b5d0ff40;border-radius:17px;background:linear-gradient(135deg,#101b30e8,#080e1eea);backdrop-filter:blur(30px);box-shadow:0 25px 100px #000b,0 0 90px #216bff12}.access-label{
justify-content:center;font-size:9px;margin-bottom:17px}h2{
text-align:center;font-size:29px;letter-spacing:-.045em;line-height:1.15}.intro{
text-align:center;margin-bottom:24px;font-size:12px}.social-login a{
background:#fff08}.email-divider{
margin:22px 0}.field{
margin-bottom:20px}.remember{
margin-bottom:22px}.signup{
margin:22px 0}.partners{
padding-top:19px}.cinema-wall{
position:absolute;inset:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:auto;z-index:0;mask-image:none}.cinema-wall:after{
content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#02040a1a,#050914a0 26%,#050914e8 38%,#050914ed 62%,#05091470 80%,#02040a0d),linear-gradient(0deg,#050914 0%,transparent 25%,transparent 80%,#050914 100%)}.wall-side{
position:absolute;top:-100px;bottom:-100px;width:calc((100% - 460px)/2);display:grid;grid-template-columns:1fr 1fr;gap:17px;min-width:220px}.wall-left{
left:-5.5%;transform:rotate(-7deg)}.wall-right{
right:-5.5%;transform:rotate(7deg)}.guest-lane{
overflow:hidden;position:relative}.vertical-track{
display:flex;flex-direction:column;gap:18px;animation:descend 65s linear infinite;transform:translateY(calc(-50% - 9px));will-change:transform}.vertical-group{
display:flex;flex-direction:column;gap:18px}.portrait-tile{
position:relative;flex-shrink:0;height:clamp(230px,25vw,360px);border-radius:15px;overflow:hidden;border:1px solid #b6d2ff1a;background:#142138;box-shadow:0 12px 40px #0006}.portrait-tile img{
height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.65) brightness(.77)}.portrait-tile:after{
content:'';position:absolute;inset:0;background:linear-gradient(transparent 68%,#050914ce)}.portrait-tile span{
position:absolute;z-index:1;bottom:23px;left:20px;right:12px;font-size:13px;font-weight:600;color:#e5edff}.lane-two .vertical-track{
animation-duration:80s;animation-delay:-24s}.lane-three .vertical-track{
animation-duration:72s;animation-delay:-31s}.lane-four .vertical-track{
animation-duration:92s;animation-delay:-16s}.cinema-wall.paused .vertical-track{
animation-play-state:paused}@keyframes descend{
from{
transform:translateY(calc(-50% - 9px))}to{
transform:translateY(0)}}.cinema-caption{
position:absolute;z-index:2;left:4vw;bottom:95px;pointer-events:none;text-shadow:0 3px 28px #000;max-width:calc((100vw - 480px)/2)}.cinema-caption>span{
font-size:8px;letter-spacing:.21em;color:#8bb5f5;font-weight:700}.cinema-caption h1{
font-size:clamp(27px,3.1vw,49px);line-height:1.05;margin-top:15px;letter-spacing:-.05em}.cinema-caption em{
font-style:normal;color:#a2c5ff}.cinema-caption p{
font-size:11px;line-height:1.6;color:#9aaecb;max-width:210px;margin-top:15px}.global-motion{
position:absolute;right:4vw;bottom:79px;z-index:4;width:36px;height:36px;background:#0b172be0;border-color:#769ac955}.global-motion:hover{
background:#1e3b62}footer{
left:4vw;right:4vw;bottom:25px}.access:before{
content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#79b8ff,transparent)}@media(min-width:1600px){
.layout{
min-height:calc(100svh - 96px)}}@media(max-width:1100px){
.wall-side{
width:calc((100% - 420px)/2 + 80px);gap:14px}.wall-left{
left:-90px}.wall-right{
right:-90px}.cinema-caption{
left:24px;bottom:85px}.cinema-caption p{
display:none}.cinema-caption>span{
font-size:7px;line-height:1.6;display:block}.access{
width:420px;padding:30px}.cinema-caption h1{
font-size:32px}}@media(max-width:800px){
.wall-side{
width:240px;opacity:.65}.wall-left{
left:-140px}.wall-right{
right:-140px}.cinema-caption{
display:none}.access{
background:linear-gradient(135deg,#101b30ee,#080e1eee)}}@media(max-width:720px){
header{
padding:20px 22px}.layout{
min-height:calc(100svh - 83px)}.right{
padding:14px 20px 100px}.access{
padding:29px 23px 24px;border-radius:15px;max-width:400px}h2{
font-size:27px}.wall-side{
top:-50px;bottom:-50px}.portrait-tile{
height:245px}.wall-left{
left:-120px}.wall-right{
right:-120px}.cinema-wall:after{
background:linear-gradient(90deg,#05091440,#050914bb 20%,#050914cc 80%,#05091440),linear-gradient(0deg,#050914,transparent 30%,transparent 80%,#050914)}.global-motion{
bottom:54px;right:23px;width:29px;height:29px}footer{
position:absolute;left:23px;right:23px;bottom:20px;padding:0;font-size:8px}.social-login{
gap:10px}.brand .wordmark{
font-size:11px}.access-label{
font-size:8px}}@media(prefers-reduced-motion:reduce){
.vertical-track{
animation:none;transform:translateY(-25%);will-change:auto}}
.lane-one .vertical-track{
animation-duration:105s}.lane-two .vertical-track{
animation-duration:125s}.lane-three .vertical-track{
animation-duration:115s}.lane-four .vertical-track{
animation-duration:140s}.signup{
margin-bottom:0}
.field-error{
margin:8px 0 0;color:#ffb4b4;font-size:12px;line-height:1.5}
.terms-error{
margin:-8px 0 18px}
.remember.terms{
align-items:flex-start;line-height:1.55}
.remember.terms input{
margin-top:2px;flex:none}
.remember a,.legal-note a{
color:#e2ebff;text-decoration:underline;text-underline-offset:3px}
.legal-note{
text-align:center;font-size:11px;line-height:1.6;color:#8999b1;margin:0 0 18px}
.legal-note:empty{
display:none}
.referral-banner{
border:1px solid #6cafff40;background:#217aff14;border-radius:10px;padding:12px 14px;margin:0 0 20px;color:#d5e4ff;font-size:12px;line-height:1.55}
.referral-banner strong{
display:block;color:#fff;font-size:13px;margin-bottom:4px}
.referral-banner p{
margin:0}
.turnstile-field:not(:has(.cf-turnstile)){
display:none}
.turnstile-field{
margin:0 0 20px}
.turnstile-field .cf-turnstile{
display:flex;justify-content:center}
[data-test="turnstile-error"]{
color:#ffb4b4;font-size:12px;text-align:center;margin:8px 0 0}
main{
overflow-x:hidden;overflow-y:auto}
.access .note.is-error{color:#ffb4b4}
#cookie-consent-root a{color:#0066ff;text-decoration:underline}
/* Typography aligned with the current public homepage's font-sans stack. */
body{
font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased}button,input{
font-family:inherit}.layout{
flex-direction:column;justify-content:center;padding-top:14px}.cinema-caption{
display:block;position:relative;left:auto;bottom:auto;max-width:none;width:100%;padding:0 22px;text-align:center;z-index:3}.cinema-caption>span{
display:block;font-size:8px;letter-spacing:.19em}.cinema-caption h1{
font-size:clamp(31px,3vw,45px);font-weight:800;letter-spacing:-2px;line-height:1.19;margin:10px 0 0}.cinema-caption em{
color:#a2c5ff}.cinema-caption p{
display:block;max-width:none;font-size:11px;margin:10px 0 0;color:#a4b2c8}.right{
padding-top:24px;padding-bottom:80px;align-self:auto}h2{
font-weight:700;letter-spacing:-.025em}.wordmark{
font-weight:700}.submit{
font-weight:600}.social-login a{
font-weight:500}.portrait-tile span{
font-weight:600}.access{
padding-top:29px}.intro{
margin-bottom:22px}@media(max-width:1100px){
.cinema-caption{
left:auto;bottom:auto;max-width:none}.cinema-caption h1{
font-size:36px}.cinema-caption>span{
font-size:8px}}@media(max-width:800px){
.cinema-caption{
display:block}.cinema-caption p{
display:block}}@media(max-width:720px){
.layout{
padding-top:10px;justify-content:flex-start}.cinema-caption h1{
font-size:clamp(28px,7.5vw,35px);letter-spacing:-1.4px;line-height:1.19}.cinema-caption>span{
font-size:7px}.cinema-caption p{
font-size:10px;margin-top:8px}.right{
padding-top:21px;padding-bottom:95px}.access{
padding-top:25px}h2{
font-size:25px}.cinema-caption{
left:auto;bottom:auto}}