@font-face{font-family:'Google Sans';src:url('assets/google-sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}@font-face{font-family:RON;src:url('assets/ron.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}html{background:#000;color:white;font-family:'Google Sans',Arial,sans-serif}body{margin:0;min-height:100vh;min-height:100dvh;background:#000;isolation:isolate}body:before{content:'';position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 37% 48%,#0700588c,transparent 65%),radial-gradient(ellipse at 60% 82%,#47001555,transparent 50%),linear-gradient(#000c,#0008),url('assets/track.jpg') center center/cover no-repeat}.stage{width:100%;min-height:100vh;min-height:100dvh}.screen{min-height:100vh;min-height:100dvh;padding:clamp(40px,7vh,90px) clamp(28px,7.2vw,140px) 52px}.screen[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #30bcff;outline-offset:4px}.eyebrow{font-size:clamp(12px,.85vw,16px);font-weight:600;margin:0 0 18px;line-height:1.4}h1{font-size:clamp(42px,4.7vw,90px);font-weight:500;line-height:1.02;margin:0;letter-spacing:-.025em}.welcome{display:flex;align-items:center;flex-direction:column;text-align:center}.welcome-brand{width:clamp(260px,26vw,460px);margin-top:clamp(20px,4vh,52px)}.brand{display:block;max-width:100%;height:auto;mix-blend-mode:screen}.welcome-lead{font-size:clamp(17px,1.1vw,22px);margin:clamp(18px,3vh,35px) 0 26px}.action{display:block;min-height:56px;border:0;background:#0085c8;color:#fff;font-weight:600;font-size:16px;padding:15px 32px;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%);touch-action:manipulation}.action:hover{background:#0095de}.action:focus-visible{outline:0;box-shadow:inset 0 0 0 3px white}.enter{width:clamp(300px,25vw,480px)}.registration{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(35px,6vw,120px)}.form-intro>p:not(.eyebrow){font-size:clamp(17px,1.1vw,22px);margin:14px 0}.form-brand{width:clamp(240px,28vw,520px);margin-top:25px}form{background:#000;padding:clamp(24px,2vw,40px);border-radius:24px;min-width:0}form>label{display:block;font-size:clamp(12px,.75vw,15px);margin-bottom:16px}.field{display:block;width:100%;height:clamp(52px,4.3vw,64px);font-size:clamp(17px,1.075vw,21px);background:#000;color:#fff;border:1px solid #ddd;border-radius:40px;padding:0 20px;margin-top:8px;min-width:0}.field::placeholder{color:#fff;opacity:.92}.consent-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:16px 0 12px;font-size:13px;min-height:44px}.check-label{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.check-label input{width:24px;height:24px;margin:0;accent-color:#0085c8;cursor:pointer}.notice{color:#fff;background:transparent;border:0;padding:12px 0;text-decoration:underline;min-height:44px;font-size:inherit}.confirm{width:100%}.back{display:block;min-height:44px;margin:8px auto 0;padding:10px 24px;color:white;background:transparent;border:0;text-decoration:underline;font-size:15px}.fullscreen{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:10;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #ffffff55;border-radius:9px;background:#000b;color:white;font-size:12px;letter-spacing:.03em}.fullscreen:first-letter{font-size:20px}.demo{position:fixed;z-index:10;right:12px;bottom:max(8px,env(safe-area-inset-bottom));color:#aaa;border:0;background:#000b;font-size:10px;letter-spacing:.06em;padding:8px 12px;min-height:32px;border-radius:4px}.success-screen{display:flex;justify-content:center;align-items:center;text-align:center;padding-top:60px;outline:0}.success-content{width:min(580px,100%)}.success-ring{margin:0 auto 16px;width:60px;height:60px;border:2px solid #0085c8;border-radius:50%;display:grid;place-items:center;font-size:34px;box-shadow:0 0 36px #0085c833}.success-content h1{font-size:clamp(40px,4vw,70px)}.success-content .eyebrow{margin-bottom:12px}.thanks{font-size:22px;margin:18px 0 8px}#greeting{font-size:17px;margin:8px 0 22px;overflow-wrap:anywhere}.turn-card{padding:20px 12px;background:#000b;border:1px solid #ffffff65;border-radius:16px}.turn-card>span{font-size:12px;letter-spacing:.13em}.turn-card strong{display:block;font-family:RON,'Google Sans',sans-serif;font-weight:400;font-size:clamp(28px,4vw,56px);line-height:1.5;overflow-wrap:anywhere}.turn-card p{font-size:15px;margin:5px 0}.simulation{font-size:12px;color:#ccc;line-height:1.5;margin:16px 0}.success-content .action{width:100%;margin-top:18px}.countdown{font-size:12px;margin:16px 0 0;color:#ccc}dialog{width:min(540px,90vw);max-height:85dvh;overflow:auto;border:1px solid #30303f;border-radius:20px;background:#08080e;color:white;padding:30px;line-height:1.6}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:28px;line-height:1.2;margin:0 0 20px}dialog p{color:#ddd}dialog .action{width:100%;margin-top:20px}@media(max-width:1100px){.registration{gap:30px;padding-left:5vw;padding-right:5vw}.form-intro h1{font-size:clamp(38px,5.6vw,62px)}.form-brand{width:90%}form{padding:24px}.fullscreen span{display:none}}@media(orientation:portrait){.screen{padding:90px 7vw 55px}.welcome{justify-content:center;gap:0}.welcome h1{font-size:clamp(38px,6.7vw,70px)}.welcome-brand{width:min(70vw,440px);margin-top:5vh}.welcome-lead{margin:3vh 0}.registration{grid-template-columns:1fr;gap:24px;align-content:center}.form-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.form-intro .eyebrow{width:100%;margin:0}.form-intro h1{font-size:clamp(30px,5vw,48px);max-width:60%}.form-intro h1 br{display:none}.form-intro h1 br:after{content:' '}.form-intro>p:not(.eyebrow){display:none}.form-brand{width:30%;min-width:100px;margin:0}form{padding:24px}.success-content{max-width:580px}.success-screen{padding:80px 7vw 55px}}@media(max-height:650px) and (orientation:landscape){.screen{padding-top:50px;padding-bottom:45px}.welcome h1{font-size:clamp(36px,6vh,64px)}.welcome .eyebrow{margin-bottom:10px}.welcome-brand{width:240px;margin-top:14px}.welcome-lead{margin:12px 0 16px}.registration{gap:30px}.form-intro h1{font-size:42px}.form-brand{max-width:260px;margin-top:12px}form{padding:18px}.field{height:48px}form>label{margin-bottom:10px}.consent-row{margin:4px 0}.action{min-height:48px}.back{margin:0}.success-screen{align-items:flex-start}.success-ring{width:40px;height:40px;font-size:24px;margin-bottom:8px}.success-content h1{font-size:36px}.success-content .eyebrow{margin-bottom:6px}.thanks{font-size:18px;margin:8px 0}#greeting{margin:8px 0}.turn-card{padding:10px}.turn-card strong{font-size:32px}.simulation{margin:8px 0}.success-content .action{margin-top:8px}.countdown{margin-top:8px}}@media(max-width:480px){.registration{padding:74px 5vw 48px;align-content:start;gap:20px}.form-intro h1{font-size:30px;max-width:65%}.form-brand{min-width:0;width:30%}form{padding:20px 18px}.consent-row{font-size:12px}.welcome .enter{width:100%;min-width:0}.turn-card strong{font-size:34px}.thanks{font-size:20px}}

.brand{mask-image:radial-gradient(ellipse 70% 85% at center,#000 64%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse 70% 85% at center,#000 64%,transparent 96%)}
