.join-layout.active{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 160px)}.join-intro{background:var(--ink);color:white;padding:55px 8vw;position:relative;overflow:hidden}.join-intro:after{content:"?";position:absolute;font:800 500px/1 "Syne";color:rgba(123,92,255,.18);right:-40px;bottom:-150px;transform:rotate(10deg)}.back-link{color:white;padding:0;margin-bottom:70px;position:relative;z-index:1}.event-logo{font:800 42px "Syne";position:relative;z-index:1}.event-logo span{color:var(--lime)}.event-label{font-size:10px;letter-spacing:2px;margin-top:12px;color:#aaa5b6;position:relative;z-index:1}.join-intro h2{font-size:86px;margin:50px 0 20px;position:relative;z-index:1}.join-intro p{color:#bbb7c8;position:relative;z-index:1}.round-tags{display:flex;gap:8px;position:relative;z-index:1;margin-top:34px}.round-tags span{border:1px solid #4a485b;padding:8px 12px;text-transform:uppercase;font-size:9px;letter-spacing:1px}.join-card{padding:70px 10vw;display:flex;flex-direction:column;justify-content:center;max-width:720px}.step-number{color:var(--purple)}.join-card h3{font:700 36px "Syne";margin:18px 0 5px;letter-spacing:-1.5px}.join-card>p{color:var(--muted);margin:0 0 32px}.join-card label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 20px}.join-card label span{float:right;color:var(--muted);font-weight:400}.join-card input,.join-card select{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.45);font:500 16px "DM Sans";padding:15px;outline:none;color:var(--ink)}.join-card input:focus,.join-card select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(123,92,255,.1)}.wide{width:100%;margin-top:8px}.privacy{text-align:center;color:var(--muted);font-size:9px;line-height:1.5;margin-top:19px}
.quiz-layout.active{display:block;min-height:100vh;background:var(--ink);color:white}.quiz-header{height:82px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}.quiz-header .brand,.quiz-header .brand-mark{color:white}.quiz-header .brand-mark i{border-color:white}.quiz-header .brand>span>span{color:var(--lime)}.compact{font-size:18px}.compact .brand-mark{transform:scale(.75)}.player-chip{display:flex;align-items:center;gap:12px}.player-chip>span{width:38px;height:38px;background:var(--purple);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:bold}.player-chip p{margin:0;font-size:12px;font-weight:bold}.player-chip small{display:block;color:#93909f;font-weight:normal;margin-top:2px}.quiz-progress{height:3px;background:#302e41}.quiz-progress span{display:block;width:40%;height:100%;background:var(--lime);transition:width 1s linear}.quiz-main{max-width:1040px;margin:auto;padding:50px 30px}.round-info{display:flex;gap:14px;align-items:center;font-size:11px}.round-info span{background:var(--purple);padding:7px 10px;font-weight:bold;letter-spacing:1px}.round-info strong{color:#aaa7b6}.question-head{display:grid;grid-template-columns:1fr 110px;gap:40px;align-items:center;margin:45px 0 40px}.question-head small{color:var(--lime);font-size:10px;letter-spacing:2px}.question-head h2{font:700 clamp(30px,4vw,53px)/1.1 "Syne";letter-spacing:-2.5px;margin:14px 0}.timer{width:100px;height:100px;position:relative;text-align:center;display:grid;place-items:center}.timer svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer circle{fill:none;stroke:#373548;stroke-width:4}.timer .timer-progress{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.timer strong{font:700 31px "Syne";margin-top:-12px}.timer small{position:absolute;top:60px;color:#8f8c9b;font-size:9px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answers button{height:82px;background:#232133;color:white;border:1px solid #403e50;padding:0 20px;display:flex;align-items:center;text-align:left;gap:18px;cursor:pointer;transition:.2s;font:500 15px "DM Sans"}.answers button:hover{border-color:var(--purple);transform:translateY(-2px)}.answers button b{display:grid;place-items:center;width:38px;height:38px;background:#343143;font:700 13px "Syne"}.answers button span{flex:1}.answers button i{font-style:normal;color:#757181;font-size:22px}.answers button.chosen{background:var(--purple);border-color:var(--purple)}.answers button.chosen b{background:white;color:var(--purple)}.answers button.chosen i{color:var(--lime)}.quiz-footer{display:flex;justify-content:space-between;color:#817e8e;font-size:11px;margin-top:28px}.quiz-footer strong{color:white}.status-dot i{width:6px;height:6px}.toast{position:fixed;right:25px;bottom:25px;background:var(--lime);color:var(--ink);padding:16px 44px 16px 19px;z-index:30;box-shadow:8px 8px 0 var(--purple);transform:translateY(130px);transition:.35s}.toast.show{transform:none}.toast strong,.toast span{display:block}.toast strong{font:700 13px "Syne"}.toast span{font-size:10px;margin-top:3px}