:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#05070c;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.site{--bg:#05070c;--bg-soft:#07111f;--surface:#ffffff12;--surface-2:#ffffff1d;--surface-3:#ffffff29;--text:#fff;--heading:#fff;--muted:#a9b2c3;--border:#ffffff1f;--shadow:#0006;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 30%), radial-gradient(circle at 100% 20%, #ff4fae1f, transparent 28%), linear-gradient(135deg, #07111f 0%, #05070c 36%, #05070c 66%, #0a0712 100%);overflow-x:hidden}.light-site{--bg:#eef4fb;--bg-soft:#f6f9fd;--surface:#ffffffc7;--surface-2:#fffffff0;--surface-3:#07111f13;--text:#07111f;--heading:#07111f;--muted:#435166;--border:#07111f21;--shadow:#07111f24;color:var(--text);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 33%), radial-gradient(circle at 100% 12%, #ff4fae29, transparent 32%), linear-gradient(135deg, #eff6ff 0%, #f8fbff 42%, #fff 100%)}.navbar{z-index:80;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;max-width:none;min-height:88px;box-shadow:0 1px 0 var(--border);justify-content:space-between;align-items:center;gap:18px;padding:10px 2.2%;display:flex;position:sticky;top:0;overflow:visible}.brand{min-width:255px;color:var(--text);text-align:left;background:0 0;border:0;flex-shrink:0;align-items:center;gap:14px;padding:0;display:flex}.brand img{object-fit:contain;width:74px;height:74px;filter:drop-shadow(0 12px 24px color-mix(in srgb, var(--accent) 18%, transparent))}.brand h2,.brand p{margin:0}.brand h2{color:var(--heading);letter-spacing:.31em;text-shadow:0 0 14px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 18%, transparent);font-size:1.08rem;line-height:1}.brand p{max-width:210px;color:var(--muted);margin-top:6px;font-size:.84rem;line-height:1.35}.nav-links{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border), 0 18px 40px #00000029;border-radius:999px;flex:0 auto;justify-content:center;align-items:center;gap:6px;max-width:none;padding:6px;display:flex;overflow:visible}.nav-links button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:10px 13px;font-size:.92rem;font-weight:820;transition:all .22s}.nav-links button:hover{background:var(--surface-2);color:var(--heading);transform:translateY(-1px)}.nav-actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-width:auto;max-width:none;display:flex}.top-colors{align-items:center;gap:8px;display:flex}.top-color{background:var(--dot);width:18px;height:18px;box-shadow:0 0 0 1px #fff3, 0 0 14px color-mix(in srgb, var(--dot) 45%, transparent);border:2px solid #0000;border-radius:50%;padding:0;transition:all .2s}.top-color:hover{transform:scale(1.18)}.top-color.active{box-shadow:0 0 0 2px #ffffffd1, 0 0 20px color-mix(in srgb, var(--dot) 65%, transparent);border-color:#fff;transform:scale(1.1)}.primary-btn,.outline-btn,.admin-float-btn,.owner-btn{border-radius:999px;padding:12px 19px;font-weight:900;transition:transform .22s,opacity .22s,background .22s,box-shadow .22s}.primary-btn,.admin-float-btn{color:#fff;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));box-shadow:0 16px 36px color-mix(in srgb, var(--accent) 24%, transparent);border:0}.owner-btn{color:#07111f;background:linear-gradient(135deg, #fff, var(--accent));box-shadow:0 16px 36px color-mix(in srgb, var(--accent) 24%, transparent);white-space:nowrap;border:0}.outline-btn{border:1px solid var(--border);color:var(--text);background:var(--surface)}.primary-btn:hover,.outline-btn:hover,.admin-float-btn:hover,.owner-btn:hover{opacity:.95;box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-2px)}.outline-btn:hover{background:var(--surface-2)}.primary-btn:disabled,.outline-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.small-btn,.admin-float-btn,.owner-btn{padding:10px 15px}.large{padding:14px 22px}.full{width:100%}.account-menu{flex-shrink:0;position:relative}.menu-btn{border:1px solid var(--border);background:radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 38%), var(--surface);width:48px;height:48px;color:var(--text);box-shadow:0 14px 32px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;place-items:center;gap:4px;padding:13px;transition:all .22s;display:grid}.menu-btn span{background:var(--text);border-radius:999px;width:18px;height:2px;transition:all .22s;display:block}.menu-btn:hover{background:var(--surface-2);box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 24%, transparent);transform:translateY(-2px)rotate(2deg)}.menu-btn:hover span:first-child{transform:translate(-2px)}.menu-btn:hover span:nth-child(3){transform:translate(2px)}.menu-dropdown{background:color-mix(in srgb, var(--bg) 92%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:500;border-radius:20px;width:200px;padding:8px;animation:.22s menuDrop;position:absolute;top:58px;right:0;box-shadow:0 22px 60px #00000073}@keyframes menuDrop{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-dropdown button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:14px;padding:12px;font-weight:860}.menu-dropdown button:hover{background:var(--surface)}.auth-page,.welcome-page,.profile-page,.event-detail-page{place-items:center;width:min(1600px,96%);min-height:calc(100vh - 150px);margin:0 auto;padding:38px 0 62px;display:grid}.section,.hero,footer{width:min(1600px,96%);margin-left:auto;margin-right:auto}.section{padding:58px 0}.eyebrow{color:var(--accent);letter-spacing:.24em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:950}p,label,small{color:var(--muted)}p{font-size:.96rem;line-height:1.65}h1,h2,h3,h4,strong{color:var(--heading)}.auth-shell{background:var(--surface);width:100%;box-shadow:0 34px 80px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:34px;grid-template-columns:.82fr 1.18fr;display:grid;overflow:hidden}.auth-left{background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 20%, transparent), transparent 42%), linear-gradient(180deg, #ffffff08, transparent);padding:38px}.auth-logo,.welcome-logo,.hero-logo{object-fit:contain;filter:drop-shadow(0 18px 34px color-mix(in srgb, var(--accent) 24%, transparent))}.auth-logo{width:155px;height:155px;margin-bottom:26px}.welcome-logo{width:150px;height:150px;margin-bottom:16px}.hero-logo{width:160px;height:160px;margin-bottom:20px}.auth-left h1,.welcome-card h1,.profile-card h1,.event-detail-card h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.1rem,3.6vw,3.8rem);line-height:1.02}.auth-tabs{background:#00000038;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px;padding:6px;display:grid}.light-site .auth-tabs{background:#07111f0f}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:11px 14px;font-weight:850}.auth-tabs button.active{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));color:#fff}.auth-right{align-items:center;padding:30px;display:grid}.signin-box,.signup-wizard{border:1px solid var(--border);background:#0000001f;border-radius:28px;padding:26px}.light-site .signin-box,.light-site .signup-wizard{background:#ffffffb8}.signin-box h2,.signup-wizard h2,.wizard-step h3{margin:0}.signin-box h2,.signup-wizard h2{letter-spacing:-.04em;font-size:clamp(1.55rem,2.4vw,2.15rem)}.signin-box{gap:17px;display:grid}label{gap:8px;font-size:.9rem;font-weight:760;display:grid}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#00000042;border-radius:15px;outline:none;padding:13px 14px}.light-site input,.light-site select{background:#ffffffd6}input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}select option{color:#111827}.switch-text{text-align:center}.switch-text button{color:var(--accent);background:0 0;border:0;font-weight:900}.error-box{color:#ffd3d3;background:#ff4a4a21;border-radius:16px;margin-bottom:16px;padding:12px 14px;font-size:.92rem;font-weight:800}.light-site .error-box{color:#8d1717}.wizard-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.step-count{background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:850}.progress-bar{background:var(--surface-2);border-radius:999px;width:100%;height:9px;margin-bottom:22px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));height:100%;transition:width .3s;display:block}.wizard-step{align-content:start;gap:16px;min-height:340px;animation:.25s stepIn;display:grid}@keyframes stepIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.wide{grid-column:1/-1}.single-field{max-width:320px}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.choice-card,.chip,.icon-card{border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .24s;box-shadow:0 12px 30px #0000}.choice-card{text-align:left;border-radius:20px;gap:8px;padding:15px;font-weight:850;display:grid}.choice-card span{font-size:1.55rem}.choice-card:hover,.icon-card:hover,.chip:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), var(--surface));box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-3px)}.choice-card.active,.icon-card.active,.chip.active{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));color:#fff;box-shadow:0 20px 45px color-mix(in srgb, var(--accent) 24%, transparent);transform:translateY(-2px)scale(1.01)}.choice-card.active strong,.chip.active,.icon-card.active{color:#fff}.chip-grid,.icon-grid{flex-wrap:wrap;gap:10px;display:flex}.chip{border-radius:999px;padding:9px 13px;font-size:.92rem;font-weight:800}.profile-upload-row{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.upload-avatar{background:var(--surface);border:1px solid var(--border);border-radius:28px;place-items:center;width:84px;height:84px;display:grid;position:relative;overflow:hidden}.upload-avatar span{color:var(--accent);font-size:2rem}.upload-avatar input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-copy{gap:6px;display:grid}.upload-copy p{margin:0}.music-upload{background:radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 45%), var(--surface)}.icon-card{border-radius:20px;width:66px;height:66px;font-size:1.8rem}.icon-preview{align-items:center;gap:22px;margin-top:14px;display:flex}.avatar-preview,.welcome-avatar,.profile-avatar,.mini-avatar{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;place-items:center;display:grid;overflow:hidden}.avatar-preview{width:76px;height:76px;font-size:2rem}.welcome-avatar,.profile-avatar{width:108px;height:108px;font-size:2.8rem}.profile-avatar{border:3px solid color-mix(in srgb, var(--accent) 30%, transparent);flex-shrink:0;margin:0}.mini-avatar{flex-shrink:0;width:48px;height:48px;font-size:1.28rem}.upload-avatar img,.avatar-preview img,.welcome-avatar img,.profile-avatar img,.mini-avatar img{object-fit:cover;width:100%;height:100%}.preview-text{gap:6px;display:grid}.preview-text strong{font-size:1.15rem}.wizard-actions{justify-content:space-between;gap:14px;margin-top:14px;display:flex}.loading-btn{animation:.7s ease-in-out infinite alternate pulseBtn}@keyframes pulseBtn{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.22);transform:scale(1.03)}}.welcome-card,.profile-card,.event-detail-card{background:var(--surface);width:min(940px,100%);box-shadow:0 35px 90px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:36px;padding:34px}.premium-profile-card{width:min(1120px,100%);padding:36px;position:relative;overflow:hidden}.premium-profile-card:before{content:"";background:radial-gradient(circle at 11% 12%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 34%), radial-gradient(circle at 88% 84%, #ff4fae24, transparent 38%);opacity:.85;pointer-events:none;position:absolute;inset:-1px}.premium-profile-card>*{z-index:2;position:relative}.welcome-card{text-align:center}.summary-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px;display:grid}.summary-grid div,.profile-extra-grid div{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px}.summary-grid strong,.profile-extra-grid strong{overflow-wrap:anywhere;margin-top:8px;font-size:.95rem;line-height:1.35;display:block}.profile-extra-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:13px;display:grid}.skill-list{margin-top:22px}.skill-list h3{text-align:center;margin:0 0 12px;font-size:1.05rem}.skill-list div{flex-wrap:wrap;gap:10px;display:flex}.skill-list span{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));color:#fff;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:999px;padding:9px 13px;font-size:.92rem;font-weight:850}.achievement-list span{background:linear-gradient(135deg, #fff, color-mix(in srgb, var(--accent) 50%, #fff));color:#07111f;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 18%, transparent)}.welcome-actions,.hero-actions{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.profile-top{align-items:center;gap:22px;margin-bottom:20px;display:flex}.profile-top-copy{flex:1;min-width:0}.profile-top h1{overflow-wrap:anywhere;max-width:100%}.profile-name-view{text-shadow:0 0 28px color-mix(in srgb, var(--accent) 15%, transparent), 0 1px 0 #0000001a;color:var(--heading)!important;letter-spacing:-.055em!important;font-size:clamp(2.05rem,4.6vw,4.15rem)!important;line-height:.96!important}.member-view-animate{animation:.35s profileIn}@keyframes profileIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.edit-btn{margin-left:auto}.profile-editor{gap:20px;display:grid}.profile-music-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:10px 0 22px;padding:15px 16px;display:grid}.profile-music-card .music-note-icon{width:45px;height:45px;color:var(--heading);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:15px;place-items:center;font-size:.95rem;font-weight:900;display:grid}.profile-music-card small,.profile-music-card strong{display:block}.profile-music-card audio{width:230px;height:36px}.home-page{min-height:calc(100vh - 88px)}.hero{grid-template-columns:1fr .95fr;align-items:center;gap:42px;padding:70px 0 64px;display:grid}.welcome-greet{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-weight:900}.pills{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.pills span{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:840}.hero-copy h1{max-width:860px;color:var(--heading);letter-spacing:-.055em;margin:0;font-size:clamp(2.45rem,4.15vw,4.2rem);line-height:.98}.hero-copy h1 span{color:var(--accent)}.home-info-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:26px;display:grid}.home-info-grid div{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:15px;transition:all .22s}.home-info-grid div:hover{background:var(--surface-2);box-shadow:0 18px 42px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-3px)}.home-info-grid strong{margin-bottom:7px;font-size:.96rem;display:block}.home-info-grid small{line-height:1.5}.hero-visual{background:radial-gradient(circle at 55% 40%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 42%), var(--surface);box-shadow:0 34px 85px var(--shadow);border:1px solid var(--border);border-radius:34px;align-content:space-between;min-height:560px;display:grid;overflow:hidden}.visual-copy{padding:30px 30px 0}.visual-copy h2,.section-heading h2{color:var(--heading);letter-spacing:-.045em;margin:0;font-size:clamp(1.9rem,3.15vw,3.05rem);line-height:1.05}.video-wrap{place-items:center;width:100%;min-height:340px;padding:12px;display:grid}.video-wrap video{border-radius:24px;width:min(100%,500px)}.section-heading{max-width:850px;margin-bottom:30px}.foundation-note,.exclusive-claim-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent), var(--surface);box-shadow:0 24px 65px var(--shadow);border:1px solid var(--border);border-radius:28px;margin-bottom:22px;padding:24px}.foundation-note h3,.exclusive-claim-card h3{margin:0 0 8px;font-size:1.35rem}.foundation-note p,.exclusive-claim-card p{margin:0}.exclusive-claim-card{justify-content:space-between;align-items:center;gap:22px;display:flex}.detail-claim{margin-top:22px}.event-grid,.category-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.event-card,.category-card,.challenge-start-card,.daily-box,.leaderboard,.admin-card{background:var(--surface);box-shadow:0 24px 65px var(--shadow);border:1px solid var(--border);border-radius:28px;padding:24px}.exclusive-event{background:linear-gradient(135deg, #ffffff1f, color-mix(in srgb, var(--accent) 18%, transparent)), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border))}.category-card,.event-card{transition:all .22s}.category-card:hover,.event-card:hover{box-shadow:0 30px 75px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-4px)}.category-card>span,.challenge-start-card>span{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c));color:#fff;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:20px;font-size:1.8rem;display:grid}.event-card h3,.category-card h3{margin:0;font-size:1.12rem}.event-card>span{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-radius:999px;margin-bottom:18px;padding:7px 11px;font-size:.76rem;font-weight:900;display:inline-flex}.event-card button{margin-top:16px}.challenge-start-card,.daily-box{gap:12px;margin-bottom:28px;display:grid}.challenge-start-card .primary-btn,.challenge-start-card .outline-btn{width:fit-content}.question-card{background:var(--surface-2);border:1px solid var(--border);border-radius:22px;margin-top:16px;padding:18px;position:relative;overflow:hidden}.answer-confetti{z-index:5;pointer-events:none;font-size:2rem;animation:.9s forwards answerPop;position:absolute;top:24px;right:24px}@keyframes answerPop{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.3)rotate(14deg)}to{opacity:0;transform:scale(1)translateY(-20px)}}.question-card h4{margin:0 0 12px}.answer-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.answer-grid button{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:16px;padding:12px;font-weight:760;transition:all .2s}.answer-grid button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-2px)}.answer-grid .selected-answer{outline:2px solid var(--accent)}.answer-grid .correct-answer{background:#22c55e40;outline:2px solid #22c55e}.answer-grid .wrong-answer{background:#ef444440;outline:2px solid #ef4444}.answer-grid button:disabled{cursor:not-allowed}.question-actions{justify-content:flex-end;margin-top:16px;display:flex}.event-status-box{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-top:22px;padding:22px}.event-status-box strong{font-size:1.15rem}.back-btn{margin-bottom:22px;padding:13px 22px;font-size:1rem}.leaderboard-tabs{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.leaderboard-tabs button,.pagination button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:.86rem;font-weight:850;transition:all .2s}.leaderboard-tabs button:hover,.pagination button:hover{background:var(--surface-2);color:var(--heading);transform:translateY(-2px)}.leaderboard-tabs button.active,.pagination button.active{color:#fff;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 58%, #05070c))}.member-filter-bar{width:min(360px,100%);margin-bottom:16px}.member-filter-bar select{margin-top:8px}.leader-row,.member-list-row{border:1px solid var(--border);text-align:left;background:var(--surface);width:100%;color:var(--text);border-radius:22px;align-items:center;gap:13px;margin-bottom:10px;padding:15px;transition:all .22s;display:grid}.leader-row{grid-template-columns:auto auto 1fr auto}.member-list-row{grid-template-columns:auto 1fr auto}.leader-row:hover,.member-list-row:hover{background:var(--surface-2);box-shadow:0 22px 52px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-3px)}.leader-row h3,.member-list-row h3{margin:0}.leader-row p,.member-list-row p{margin:4px 0 0}.rank-tag{background:var(--surface-2);width:46px;height:46px;color:var(--heading);border-radius:16px;place-items:center;font-weight:920;display:grid}.points{text-align:right}.points strong,.points small{display:block}.member-count-card{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:10px;width:fit-content;margin-bottom:18px;padding:13px 18px;display:flex}.member-count-card strong{color:var(--accent)}.members-list{gap:10px;display:grid}.pagination{gap:8px;margin-top:18px;display:flex}.pagination button{border-radius:14px;width:42px;height:42px;padding:0}.verified-img{object-fit:contain;vertical-align:middle;width:18px;height:18px;margin-left:6px}.modal-layer{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.contact-card,.admin-drawer{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 16%, transparent), transparent 36%), var(--bg);color:var(--text);border:1px solid var(--border);position:relative;box-shadow:0 34px 90px #00000073}.contact-card{border-radius:30px;width:min(520px,100%);padding:28px}.admin-modal-layer{place-items:stretch end;padding:0}.admin-drawer{width:min(620px,100%);height:100vh;padding:28px;animation:.25s drawerIn;overflow-y:auto}.owner-drawer{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 24%, transparent), transparent 36%), var(--bg)}@keyframes drawerIn{0%{opacity:0;transform:translate(45px)}to{opacity:1;transform:translate(0)}}.close-btn{width:38px;height:38px;color:var(--text);background:var(--surface);border:0;border-radius:50%;font-size:1.4rem;position:absolute;top:18px;right:18px}.drawer-logout{margin:18px 0 6px}.admin-card{margin-top:18px}.admin-row{background:var(--surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:grid}.admin-row:last-child{margin-bottom:0}.admin-row strong,.admin-row p{margin:0}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-pill{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;padding:9px 12px;font-size:.84rem;font-weight:900}.contact-info{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:5px;margin-top:12px;padding:14px;display:grid}footer{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:28px 0 38px;display:flex}.confetti-layer{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-layer span{top:-30px;left:var(--x);background:var(--accent);width:10px;height:17px;animation:2.2s ease-in forwards confetti;animation-delay:var(--delay);border-radius:3px;position:absolute}.confetti-layer span:nth-child(4n){background:#13a8ff}.confetti-layer span:nth-child(4n+1){background:#fff}.confetti-layer span:nth-child(4n+2){background:#ff4a4a}.confetti-layer span:nth-child(4n+3){background:var(--accent)}@keyframes confetti{0%{opacity:1;transform:translateY(-40px)rotate(0)}to{opacity:0;transform:translateY(112vh)rotate(720deg)}}.light-site .navbar,.light-site .contact-card,.light-site .admin-drawer,.light-site .nav-links button,.light-site .outline-btn,.light-site .signin-box,.light-site .signup-wizard,.light-site .welcome-card,.light-site .profile-card,.light-site .event-detail-card,.light-site .event-card,.light-site .category-card,.light-site .leader-row,.light-site .member-list-row,.light-site .admin-card,.light-site .admin-row,.light-site .contact-card,.light-site input,.light-site select,.light-site .menu-btn,.light-site .menu-dropdown,.light-site .menu-dropdown button,.light-site .foundation-note,.light-site .exclusive-claim-card,.light-site .profile-music-card{color:#07111f}.light-site .menu-btn span{background:#07111f}.light-site p,.light-site label,.light-site small,.light-site .brand p,.light-site .leader-row p,.light-site .member-list-row p,.light-site .points small{color:#435166}.light-site .profile-name-view,.light-site .hero-copy h1,.light-site .section-heading h2,.light-site .visual-copy h2{text-shadow:0 0 20px #ffffffb3,0 1px #fffc;color:#07111f!important}.light-site .hero-copy h1 span{color:var(--accent)!important}@media (width<=1450px){.navbar{flex-wrap:wrap}.nav-links{flex:1;order:2;justify-content:center}.nav-actions{order:3;justify-content:flex-end;width:100%}}@media (width<=1200px){.auth-shell,.hero{grid-template-columns:1fr}.event-grid,.category-grid,.summary-grid,.home-info-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:auto}.profile-music-card{grid-template-columns:auto 1fr}.profile-music-card audio{grid-column:1/-1;width:100%}}@media (width<=760px){.navbar{padding:11px 4%}.brand{min-width:auto}.top-colors{display:none}.nav-links{z-index:100;justify-content:flex-start;width:min(94%,560px);position:fixed;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 18px 50px #00000061}.nav-links button{white-space:nowrap;padding:9px 10px;font-size:.76rem}.auth-page,.welcome-page,.profile-page,.event-detail-page,.hero,.section,footer{width:92%}.auth-shell,.welcome-card,.profile-card,.event-detail-card{border-radius:26px}.auth-left,.auth-right,.welcome-card,.profile-card,.event-detail-card,.premium-profile-card{padding:22px}.auth-logo,.welcome-logo{width:116px;height:116px}.hero-logo{width:126px;height:126px}.auth-left h1,.welcome-card h1,.profile-card h1,.event-detail-card h1{font-size:clamp(2.1rem,11vw,3.25rem)}.profile-name-view{font-size:clamp(2rem,11vw,3.1rem)!important}.form-grid,.card-grid,.event-grid,.category-grid,.summary-grid,.answer-grid,.home-info-grid,.profile-extra-grid{grid-template-columns:1fr}.wizard-step{min-height:auto}.wizard-actions,.hero-actions,.welcome-actions,footer,.exclusive-claim-card{flex-direction:column;align-items:stretch}.wizard-actions button,.hero-actions button,.welcome-actions button,footer button,.exclusive-claim-card button{width:100%}.profile-top{flex-direction:column;align-items:flex-start}.edit-btn{width:100%;margin-left:0}.leader-row{grid-template-columns:auto auto 1fr}.points{text-align:left;grid-column:1/-1;padding-left:108px}.member-list-row{grid-template-columns:auto 1fr}.member-list-row>strong{grid-column:1/-1;padding-left:61px}.admin-row,.profile-upload-row{grid-template-columns:1fr}footer{padding-bottom:92px}.navbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";align-items:start;gap:12px;min-height:auto;padding:12px 4%;display:grid}.brand{grid-area:brand;align-items:center;min-width:0}.brand img{width:58px;height:58px}.brand h2{letter-spacing:.22em;font-size:1rem}.brand p{display:none}.nav-actions{flex-wrap:nowrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:8px;width:auto;min-width:0;display:flex}.owner-btn,.admin-float-btn,.primary-btn.small-btn,.outline-btn.small-btn{white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:.82rem}.account-menu{position:relative}.menu-btn{width:46px;height:46px;padding:11px}.menu-dropdown{width:180px;top:54px;right:0}.nav-links{grid-area:nav;justify-content:flex-start;width:100%;max-width:100%;margin-top:2px;padding:6px;position:static;overflow-x:auto;transform:none;box-shadow:0 10px 28px #00000038}.nav-links button{white-space:nowrap;flex-shrink:0;padding:10px 12px;font-size:.82rem}}.official-loader-screen{background:radial-gradient(circle at 0 0,#0099ff1f,#0000 32%),radial-gradient(circle at 100% 0,#ff00661a,#0000 26%),linear-gradient(#040814 0%,#020611 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.official-loader-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#1a2436eb,#161421eb);border:1px solid #ffffff14;border-radius:34px;width:min(920px,100%);padding:54px 42px;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0d}.official-loader-logo-wrap{justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 26px;display:flex;position:relative}.official-loader-ring{border:2px solid #1da1ff;border-color:#1da1ff #ff4da6 #00aeff2e #00aeff2e;border-radius:50%;animation:1.5s linear infinite gccSpin;position:absolute;inset:0;box-shadow:0 0 24px #0099ff2e}.official-loader-logo{object-fit:contain;z-index:2;filter:drop-shadow(0 0 14px #0099ff38);width:64px;height:64px;animation:2s ease-in-out infinite gccPulse}.official-loader-tag{color:#1da1ff;letter-spacing:.28em;text-transform:uppercase;margin:0 0 14px;font-size:.95rem;font-weight:800}.official-loader-title{color:#f5f7fb;letter-spacing:-.03em;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:800;line-height:1.04}.official-loader-text{color:#e4e9f4c7;margin:12px 0 24px;font-size:1.08rem;font-weight:500}.loader-dots{justify-content:space-between;width:34px;margin-left:4px;display:inline-flex}.loader-dots span{opacity:.25;animation:1.3s infinite dotBlink}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}.official-loader-bar{background:#ffffff14;border-radius:999px;width:min(520px,100%);height:10px;margin:0 auto;position:relative;overflow:hidden}.official-loader-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#1da1ff 0%,#3aa8ff 35%,#ff4da6 100%);width:42%;height:100%;animation:1.8s ease-in-out infinite gccLoadBar;box-shadow:0 0 22px #1da1ff59}@keyframes gccSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gccPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.06)}}@keyframes dotBlink{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes gccLoadBar{0%{transform:translate(-85%)}to{transform:translate(240%)}}@media (width<=768px){.official-loader-card{border-radius:26px;padding:38px 22px}.official-loader-logo-wrap{width:92px;height:92px;margin-bottom:22px}.official-loader-logo{width:56px;height:56px}.official-loader-tag{letter-spacing:.22em;font-size:.78rem}.official-loader-text{font-size:.97rem}}.site{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 32%), radial-gradient(circle at 100% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 30%), linear-gradient(135deg, #030712 0%, #050b18 45%, #040713 100%)!important}.light-site{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 34%), radial-gradient(circle at 100% 12%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%), linear-gradient(135deg, #f3f7ff 0%, #fff 48%, #eef4ff 100%)!important}body{font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4{letter-spacing:-.04em;font-weight:780}p,small,label{font-weight:500}.hero-copy h1,.visual-copy h2,.section-heading h2,.profile-name-view{font-weight:780!important}.hero-copy h1{font-size:clamp(2.1rem,3.7vw,3.75rem)!important;line-height:1.02!important}.section-heading h2,.visual-copy h2{font-size:clamp(1.7rem,2.7vw,2.65rem)!important}.profile-name-view{font-size:clamp(2rem,3.8vw,3.6rem)!important}.auth-left h1,.welcome-card h1,.event-detail-card h1{font-size:clamp(2rem,3.4vw,3.4rem)!important}@keyframes gccPagePop{0%{opacity:0;filter:blur(3px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.success-box{color:#b7ffd2;background:#22c55e21;border:1px solid #22c55e40;border-radius:16px;margin-bottom:16px;padding:12px 14px;font-size:.92rem;font-weight:800}.light-site .success-box{color:#116031;background:#22c55e1f}textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:110px;color:var(--text);font:inherit;background:#00000042;border-radius:15px;outline:none;padding:13px 14px;line-height:1.5}textarea::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.light-site textarea{color:#07111f;background:#ffffffd6}.home-profile-strip{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, transparent), transparent), #fff1;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;align-items:center;gap:20px;width:min(1600px,96%);margin:34px auto 0;padding:20px;display:flex;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}.light-site .home-profile-strip{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent), #ffffffdb}.home-profile-strip h2{color:var(--heading);margin:0;font-size:clamp(1.55rem,2.5vw,2.35rem)}.home-profile-strip p{max-width:690px;margin:5px 0 0}.home-floating-avatar{background:radial-gradient(circle at 35% 25%, #ffffff59, transparent 32%), linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 42%, #05070c));border:1px solid color-mix(in srgb, var(--accent) 55%, #ffffff2e);width:86px;height:86px;box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 8%, transparent), 0 18px 42px color-mix(in srgb, var(--accent) 32%, transparent), 0 0 34px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:28px;flex-shrink:0;place-items:center;font-size:2.3rem;animation:3.2s ease-in-out infinite floatingAvatar;display:grid;overflow:hidden}.home-floating-avatar img{object-fit:cover;width:100%;height:100%}@keyframes floatingAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hero{padding-top:38px!important}.hero-visual,.welcome-card,.profile-card,.event-detail-card,.event-card,.category-card,.challenge-start-card,.daily-box,.leaderboard,.admin-card,.foundation-note,.exclusive-claim-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent), #fff1!important;border:1px solid color-mix(in srgb, var(--accent) 15%, var(--border))!important;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0b!important}.light-site .hero-visual,.light-site .welcome-card,.light-site .profile-card,.light-site .event-detail-card,.light-site .event-card,.light-site .category-card,.light-site .challenge-start-card,.light-site .daily-box,.light-site .leaderboard,.light-site .admin-card,.light-site .foundation-note,.light-site .exclusive-claim-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent), #ffffffe0!important}.premium-profile-card{background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 28%), linear-gradient(145deg, #ffffff18, #ffffff0b)!important;border:1px solid color-mix(in srgb, var(--accent) 24%, #ffffff21)!important;box-shadow:0 32px 90px #00000061, 0 0 0 1px #ffffff09 inset, 0 0 60px color-mix(in srgb, var(--accent) 8%, transparent)!important;border-radius:38px!important}.premium-profile-card:before{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 32%, transparent), transparent 40%), radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 28%)!important;opacity:.7!important}.profile-top{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));background:#ffffff09;border-radius:30px;padding:12px}.light-site .profile-top{background:#ffffffa3}.profile-avatar{border:1px solid color-mix(in srgb, var(--accent) 45%, #ffffff26)!important;box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 7%, transparent), 0 22px 48px color-mix(in srgb, var(--accent) 25%, transparent)!important;border-radius:30px!important}.profile-extra-grid div{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent), #ffffff0e!important;border:1px solid color-mix(in srgb, var(--accent) 13%, var(--border))!important}.profile-extra-grid strong{font-weight:700;line-height:1.55}.premium-music-card{box-shadow:0 18px 46px #0000003d,inset 0 1px #ffffff0b;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent), #ffffff0f!important;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border))!important;border-radius:26px!important;grid-template-columns:auto auto 1fr!important;gap:16px!important;padding:16px!important}.music-play-btn{color:#fff;background:radial-gradient(circle at 35% 20%, #ffffff5c, transparent 30%), linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 42%, #05070c));width:54px;height:54px;box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 0 6px color-mix(in srgb, var(--accent) 8%, transparent);border:0;border-radius:19px;place-items:center;font-size:1rem;font-weight:950;transition:all .22s;display:grid}.music-play-btn:hover:not(:disabled){box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 34%, transparent), 0 0 0 8px color-mix(in srgb, var(--accent) 9%, transparent);transform:translateY(-2px)scale(1.04)}.music-play-btn.playing{animation:1.1s ease-in-out infinite musicPulse}.music-play-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes musicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.music-wave-lines{align-items:center;gap:5px;height:42px;display:flex}.music-wave-lines span{background:color-mix(in srgb, var(--accent) 76%, white);width:5px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:999px;animation:1.2s ease-in-out infinite waveLine}.music-wave-lines span:first-child{height:16px}.music-wave-lines span:nth-child(2){height:30px;animation-delay:.12s}.music-wave-lines span:nth-child(3){height:22px;animation-delay:.24s}.music-wave-lines span:nth-child(4){height:34px;animation-delay:.36s}@keyframes waveLine{0%,to{opacity:.55;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.music-info small,.music-info strong{display:block}.music-info strong{margin-top:5px;font-size:.95rem}.primary-btn,.outline-btn,.owner-btn,.admin-float-btn,.chip,.choice-card,.icon-card,.leader-row,.member-list-row{transition:transform .22s,box-shadow .22s,background .22s,border-color .22s,color .22s!important}.choice-card,.icon-card,.chip,.answer-grid button,.leaderboard-tabs button,.pagination button{border-color:color-mix(in srgb, var(--accent) 12%, var(--border))!important}.choice-card:hover,.icon-card:hover,.chip:hover,.answer-grid button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--border))!important}@media (width<=760px){.top-colors{gap:6px;display:flex!important}.top-color{width:15px;height:15px}.navbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";gap:10px}.nav-actions{gap:7px;max-width:100%}.menu-btn{width:42px;height:42px}.owner-btn,.admin-float-btn{padding:8px 10px;font-size:.76rem}.home-profile-strip{border-radius:24px;align-items:flex-start;width:92%;padding:16px}.home-floating-avatar{border-radius:22px;width:68px;height:68px;font-size:1.8rem}.home-profile-strip h2{font-size:1.45rem}.hero-copy h1{font-size:clamp(2rem,10vw,3rem)!important}.profile-name-view{font-size:clamp(1.85rem,9vw,2.7rem)!important}.premium-music-card{grid-template-columns:auto 1fr!important}.music-wave-lines{display:none}textarea{min-height:95px}}.official-loader-screen{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 16%, transparent), transparent 34%), radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%), linear-gradient(180deg, #040814 0%, #020611 100%)!important}.official-loader-ring{border-top-color:var(--accent)!important;border-right-color:color-mix(in srgb, var(--accent) 68%, white)!important}.official-loader-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 75%, white) 55%, var(--accent) 100%)!important}.cooldown-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 24px;display:grid}.cooldown-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent), #fff1;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:24px;padding:18px;box-shadow:0 18px 46px #00000038,inset 0 1px #ffffff0b}.cooldown-card small{color:var(--muted);margin-bottom:8px;display:block}.cooldown-card strong{color:var(--heading);font-size:1.35rem;display:block}.cooldown-card p{margin:8px 0 0;font-size:.92rem}@media (width<=760px){.cooldown-grid{grid-template-columns:1fr}}.participant-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.participant-left{align-items:center;gap:14px;min-width:220px;display:flex}.participant-avatar{border-radius:50%;place-items:center;width:56px;min-width:56px;height:56px;min-height:56px;font-size:24px;display:grid;overflow:hidden}.participant-meta{flex-direction:column;gap:4px;display:flex}.participant-meta p,.participant-meta small{margin:0}.participant-name-btn{text-align:left;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:1rem;font-weight:700}.participant-name-btn:hover{opacity:.85;text-decoration:underline}a,.home-link-btn{text-decoration:none}.reactive-click{position:relative;overflow:hidden;transform:translateZ(0)}.animated-page{animation:.34s both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.new-home-page{width:min(1760px,96%);margin:0 auto;padding:42px 0 74px}.new-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,5vw,78px);min-height:calc(100vh - 130px);display:grid}.new-hero-copy{z-index:2;position:relative}.new-hero-copy h1{letter-spacing:-.075em;max-width:930px;margin:0;font-size:clamp(3rem,7vw,7.5rem);line-height:.92}.new-hero-text{max-width:760px;margin:24px 0 0;font-size:clamp(1rem,1.25vw,1.22rem)}.center-actions{justify-content:center}.hero-trust-row span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:.86rem;font-weight:850}.new-hero-visual{border:1px solid var(--border);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 34%), radial-gradient(circle at 90% 85%, #ff4fae26, transparent 34%), var(--surface);min-height:560px;box-shadow:0 40px 100px var(--shadow);border-radius:46px;place-items:center;padding:30px;display:grid;position:relative;overflow:hidden}.hero-logo-orbit{aspect-ratio:1;border-radius:50%;place-items:center;width:min(390px,78vw);animation:5.5s ease-in-out infinite floatLogo;display:grid;position:relative}.hero-logo-orbit:before,.hero-logo-orbit:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;position:absolute;inset:0}.hero-logo-orbit:after{border-style:dashed;animation:22s linear infinite spinSoft;inset:34px}.hero-logo-glow{background:color-mix(in srgb, var(--accent) 22%, transparent);filter:blur(32px);border-radius:50%;position:absolute;inset:58px}.new-home-logo{object-fit:contain;z-index:2;width:min(240px,50vw);height:min(240px,50vw);filter:drop-shadow(0 24px 52px color-mix(in srgb, var(--accent) 30%, transparent));position:relative}.new-home-profile-strip{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:auto;margin:0;position:absolute;bottom:22px;left:22px;right:22px}.new-home-profile-strip h2,.new-home-profile-strip p{margin:0}.home-floating-avatar{animation:4.6s ease-in-out infinite avatarFloat}@keyframes floatLogo{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spinSoft{to{transform:rotate(360deg)}}.home-section{padding:70px 0}.section-heading{max-width:780px}.section-heading h2,.live-showcase-copy h2,.final-cta-section h2,.community-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.98}.section-heading p:not(.eyebrow){max-width:720px}.flip-card-grid,.pathway-grid,.recognition-grid,.study-course-grid{gap:18px;margin-top:26px;display:grid}.flip-card-grid{grid-template-columns:repeat(3,1fr)}.flip-card{perspective:1000px;background:0 0;border:0;height:230px;padding:0}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.flip-card:hover .flip-card-inner,.flip-card:focus-visible .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{border:1px solid var(--border);background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 20%, transparent), transparent 50%), var(--surface);box-shadow:0 25px 70px #0000002e, inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);backface-visibility:hidden;text-align:center;border-radius:30px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.flip-card-front span{font-size:3.4rem}.flip-card-front strong{letter-spacing:-.04em;font-size:clamp(1.7rem,2.8vw,2.7rem);display:block}.flip-card-back{align-content:center;transform:rotateY(180deg)}.flip-card-back strong{font-size:1.5rem}.flip-card-back p{max-width:260px;margin:8px auto 0}.pathway-grid{grid-template-columns:repeat(4,1fr)}.pathway-card,.recognition-card,.live-preview-card,.study-course-card,.community-section,.final-cta-section{border:1px solid var(--border);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 16%, transparent), transparent 42%), var(--surface);border-radius:30px;box-shadow:0 24px 70px #0000002e}.pathway-card{gap:12px;padding:18px;transition:all .25s;display:grid}.pathway-card:hover,.recognition-card:hover,.study-course-card:hover{box-shadow:0 30px 82px color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-6px)}.pathway-image-slot{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, transparent), transparent), var(--surface-2);border-radius:24px;place-items:center;min-height:150px;display:grid}.pathway-image-slot span{font-size:3rem}.pathway-card h3,.recognition-card h3{margin:0;font-size:1.28rem}.pathway-card p,.recognition-card p{margin:0}.live-showcase-section{grid-template-columns:1fr 420px;align-items:center;gap:26px;display:grid}.live-preview-card{padding:26px}.live-preview-top,.live-preview-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-status-dot{color:#07111f;box-shadow:0 0 26px color-mix(in srgb, var(--accent) 30%, transparent);background:#fff;border-radius:999px;padding:8px 11px;font-size:.78rem;font-weight:950}.live-preview-timer{text-align:center;letter-spacing:-.08em;color:var(--accent);text-shadow:0 0 36px color-mix(in srgb, var(--accent) 34%, transparent);margin:34px 0;font-size:clamp(3.2rem,7vw,5.6rem);font-weight:950;line-height:1}.live-preview-meta{color:var(--muted);margin-bottom:18px;font-weight:800}.recognition-grid{grid-template-columns:repeat(4,1fr)}.recognition-card{padding:24px;transition:all .25s}.recognition-card span{background:var(--surface-2);border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:1.6rem;display:inline-grid}.study-course-grid{grid-template-columns:repeat(6,1fr)}.study-course-card{min-height:150px;color:var(--text);text-align:center;place-items:center;gap:9px;padding:20px;transition:all .25s;display:grid}.study-course-card span{font-size:2rem}.study-course-card p{margin:0;font-size:.86rem}.community-section{justify-content:space-between;align-items:center;gap:22px;padding:34px;display:flex}.community-section p{max-width:700px}.final-cta-section{text-align:center;padding:52px 24px;position:relative;overflow:hidden}.final-cta-section img{object-fit:contain;width:92px;height:92px;filter:drop-shadow(0 18px 34px color-mix(in srgb, var(--accent) 28%, transparent))}.final-cta-section p{max-width:680px;margin-left:auto;margin-right:auto}.study-page{width:min(1500px,96%)}.verified-img{backface-visibility:hidden;will-change:auto;flex:none;transform:translateZ(0);animation:none!important}.profile-name-view .verified-img{display:inline-block}@media (hover:none){.flip-card:active .flip-card-inner{transform:rotateY(180deg)}.verified-img{transition:none!important}}@media (width<=1180px){.new-hero{grid-template-columns:1fr;min-height:auto;padding-top:24px}.new-hero-visual{min-height:460px}.pathway-grid,.recognition-grid{grid-template-columns:repeat(2,1fr)}.study-course-grid{grid-template-columns:repeat(3,1fr)}.live-showcase-section{grid-template-columns:1fr}}@media (width<=760px){.new-home-page{width:min(100% - 24px,560px);padding-top:22px}.new-hero-copy h1{font-size:clamp(2.7rem,16vw,4.4rem)}.new-hero-actions,.center-actions{grid-template-columns:1fr;display:grid}.new-hero-actions>*,.center-actions>*{text-align:center;justify-content:center;width:100%}.hero-trust-row{grid-template-columns:repeat(2,1fr);display:grid}.new-hero-visual{border-radius:32px;min-height:390px}.new-home-logo{width:170px;height:170px}.flip-card-grid,.pathway-grid,.recognition-grid,.study-course-grid{grid-template-columns:1fr}.flip-card{height:190px}.home-section{padding:44px 0}.community-section{padding:24px;display:grid}}html,body,#root{background:#05070c;width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;max-width:none!important}#root{display:block}.site,.light-site{width:100vw!important;max-width:none!important;margin:0!important;padding:0!important}.navbar,.new-home-page,.new-hero,.home-section,.section,.hero,footer{width:100%!important;max-width:none!important}.navbar{padding-left:clamp(18px,4vw,72px)!important;padding-right:clamp(18px,4vw,72px)!important}.new-home-page{margin:0!important;padding:0 0 80px!important;position:relative!important}.new-hero{background:radial-gradient(circle at 18% 8%, #ffffff1f, transparent 28%), radial-gradient(circle at 24% 12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 35%), radial-gradient(circle at 85% 40%, #13a8ff17, transparent 36%), linear-gradient(135deg, #101827 0%, #071b31 42%, #06111f 100%)!important;border-radius:0 0 42px 42px!important;grid-template-columns:minmax(0,1fr) minmax(420px,.84fr)!important;align-items:center!important;gap:clamp(34px,5vw,82px)!important;width:100%!important;min-height:calc(100vh - 95px)!important;padding:clamp(48px,5.5vw,90px) clamp(26px,4vw,72px) 120px!important;display:grid!important;position:relative!important;overflow:hidden!important}.new-hero-copy h1{letter-spacing:-.08em!important;max-width:760px!important;margin:0!important;font-size:clamp(3.5rem,7vw,8.2rem)!important;font-weight:1000!important;line-height:.92!important}.new-hero-copy h1 span{color:var(--accent)!important;text-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 60px color-mix(in srgb, var(--accent) 16%, transparent)!important;display:block!important}.new-hero-text{max-width:760px!important;margin:28px 0 0!important;font-size:clamp(1rem,1.18vw,1.22rem)!important;font-weight:700!important;line-height:1.75!important}.new-hero-actions{flex-wrap:wrap!important;align-items:center!important;gap:13px!important;margin-top:30px!important;display:flex!important}.home-link-btn{justify-content:center!important;align-items:center!important;text-decoration:none!important;display:inline-flex!important}.hero-trust-row{flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important;display:flex!important}.hero-trust-row span{background:color-mix(in srgb, var(--surface) 82%, transparent)!important;border:1px solid var(--border)!important;color:var(--muted)!important;border-radius:999px!important;padding:9px 13px!important;font-size:.86rem!important;font-weight:900!important}.new-hero .new-hero-visual{--orbit-size:430px;--logo-size:92%;--logo-move-x:0px;--logo-move-y:-8px;--outer-ring-space:44px;--spin-speed:18s;width:100%!important;max-width:660px!important;min-height:560px!important;box-shadow:0 40px 100px #00000057, 0 0 70px color-mix(in srgb, var(--accent) 8%, transparent)!important;background:radial-gradient(circle at 50% 46%,#ffffff40,#0000 31%),radial-gradient(circle at 80% 78%,#ff4fae24,#0000 35%),#fff1!important;border:1px solid #ffffff2e!important;border-radius:46px!important;justify-self:center!important;place-items:center!important;padding:28px!important;display:grid!important;position:relative!important;overflow:hidden!important}.new-hero .hero-logo-orbit{width:min(var(--orbit-size), 78%)!important;aspect-ratio:1!important;border-radius:50%!important;place-items:center!important;animation:none!important;display:grid!important;position:relative!important;overflow:visible!important}.new-hero .hero-logo-orbit:before{content:""!important;opacity:1!important;pointer-events:none!important;border:1.5px solid #ffffff3d!important;border-radius:50%!important;position:absolute!important;inset:0!important}.new-hero .hero-logo-orbit:after{content:""!important;inset:calc(var(--outer-ring-space) * -1)!important;opacity:.55!important;pointer-events:none!important;border:1px dashed #ffffff1a!important;border-radius:50%!important;animation:none!important;position:absolute!important}.new-hero .hero-logo-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, #ffffff2e), transparent 68%)!important;filter:blur(18px)!important;opacity:.9!important;pointer-events:none!important;border-radius:50%!important;position:absolute!important;inset:-24px!important}.new-hero .new-home-logo{width:var(--logo-size)!important;height:var(--logo-size)!important;object-fit:contain!important;z-index:3!important;max-width:none!important;max-height:none!important;animation:gccLogoSpinClean var(--spin-speed) linear infinite!important;transform-origin:50%!important;filter:drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 22%, transparent)) drop-shadow(0 18px 40px #0000003d)!important;position:relative!important}@keyframes gccLogoSpinClean{0%{transform:translate(var(--logo-move-x), var(--logo-move-y)) rotate(0deg)}to{transform:translate(var(--logo-move-x), var(--logo-move-y)) rotate(360deg)}}.new-home-page>.home-profile-strip{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 32%), linear-gradient(135deg, #ffffff13, #ffffff06)!important;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border))!important;width:min(58vw,1080px)!important;max-width:1080px!important;min-height:136px!important;box-shadow:0 24px 60px #00000047, 0 0 28px color-mix(in srgb, var(--accent) 11%, transparent)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;z-index:40!important;border-radius:30px!important;align-items:center!important;gap:22px!important;margin:0!important;padding:26px 28px!important;animation:4.4s ease-in-out infinite dashboardSoftFade!important;display:flex!important;position:absolute!important;top:455px!important;left:auto!important;right:70px!important;transform:none!important}.new-home-page>.home-profile-strip .home-floating-avatar,.new-home-page>.home-profile-strip .mini-avatar,.new-home-page>.home-profile-strip .profile-avatar,.new-home-page>.home-profile-strip img{object-fit:cover!important;width:88px!important;min-width:88px!important;max-width:88px!important;height:88px!important;min-height:88px!important;max-height:88px!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 22%, transparent)!important;border-radius:24px!important;flex-shrink:0!important;animation:none!important;transform:none!important}.home-profile-copy{flex-direction:column!important;flex:1!important;justify-content:center!important;min-width:0!important;display:flex!important}.home-profile-label{color:var(--accent)!important;letter-spacing:.28em!important;text-transform:uppercase!important;margin:0 0 6px!important;font-size:.95rem!important;font-weight:950!important}.home-profile-copy h2{letter-spacing:-.05em!important;margin:0!important;font-size:clamp(2rem,3vw,3rem)!important;line-height:1!important}.home-profile-subtext{color:var(--muted)!important;margin:10px 0 0!important;font-size:1.02rem!important;font-weight:700!important;line-height:1.5!important}@keyframes dashboardSoftFade{0%,to{opacity:.9;box-shadow:0 20px 50px #0000003d, 0 0 16px color-mix(in srgb, var(--accent) 8%, transparent)}50%{opacity:1;box-shadow:0 24px 60px #00000047, 0 0 30px color-mix(in srgb, var(--accent) 16%, transparent)}}.reactive-click:active{filter:brightness(1.15)!important;transform:translateY(1px)scale(.965)!important}.verified-img{backface-visibility:hidden!important;will-change:auto!important;flex:none!important;animation:none!important;transform:translateZ(0)!important}@media (width<=1180px){.new-hero{grid-template-columns:1fr!important;padding:44px 24px 80px!important}.new-hero .new-hero-visual{max-width:760px!important;min-height:470px!important;margin:0 auto!important}.new-home-page>.home-profile-strip{width:min(94%,1080px)!important;margin:-34px auto 34px!important;position:relative!important;top:auto!important;right:auto!important}}@media (width<=760px){.new-hero{border-radius:0 0 30px 30px!important;gap:30px!important;padding:34px 17px 52px!important}.new-hero-copy h1{font-size:clamp(3rem,16vw,5.2rem)!important}.new-hero-actions{grid-template-columns:1fr!important;display:grid!important}.new-hero-actions>*{text-align:center!important;justify-content:center!important;width:100%!important}.hero-trust-row{grid-template-columns:repeat(2,1fr)!important;display:grid!important}.hero-trust-row span{text-align:center!important;font-size:.78rem!important}.new-hero .new-hero-visual{--orbit-size:280px;--logo-size:82%;--logo-move-x:0px;--logo-move-y:-4px;--outer-ring-space:28px;border-radius:32px!important;min-height:390px!important}.new-home-page>.home-profile-strip{border-radius:22px!important;gap:14px!important;padding:16px!important}.new-home-page>.home-profile-strip .home-floating-avatar,.new-home-page>.home-profile-strip .mini-avatar,.new-home-page>.home-profile-strip .profile-avatar,.new-home-page>.home-profile-strip img{border-radius:18px!important;width:62px!important;min-width:62px!important;max-width:62px!important;height:62px!important;min-height:62px!important;max-height:62px!important}.home-profile-label{letter-spacing:.22em!important;font-size:.72rem!important}.home-profile-copy h2{font-size:1.6rem!important}.home-profile-subtext{font-size:.88rem!important}}.character-section,.attendance-section{position:relative}.character-grid{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;display:grid!important}.character-flip-card{text-align:left;perspective:1200px;background:0 0;border:0;min-height:270px;padding:0}.character-flip-inner{width:100%;height:270px;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.8,.2,1);position:relative}.character-flip-card:hover .character-flip-inner,.character-flip-card:focus-visible .character-flip-inner{transform:rotateY(180deg)}.character-flip-face{backface-visibility:hidden;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 38%), linear-gradient(145deg, #ffffff16, #ffffff06);box-shadow:0 24px 70px #00000042, 0 0 32px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;display:flex;position:absolute;inset:0;overflow:hidden}.character-flip-face:before{content:"";background:linear-gradient(120deg, transparent, color-mix(in srgb, var(--accent) 12%, transparent), transparent);opacity:0;transition:opacity .3s;position:absolute;inset:-1px}.character-flip-card:hover .character-flip-face:before{opacity:1}.character-flip-front span{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 48%, #05070c));width:72px;height:72px;box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 0 0 1px #ffffff29;border-radius:24px;place-items:center;font-size:2rem;display:grid}.character-flip-front strong,.character-flip-back strong{z-index:2;letter-spacing:-.04em;text-align:center;font-size:1.45rem;position:relative}.character-flip-back{align-items:flex-start;transform:rotateY(180deg)}.character-flip-back strong{text-align:left}.character-flip-back p{z-index:2;margin:0;font-size:1rem;font-weight:750;line-height:1.65;position:relative}.attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;display:grid!important}.attendance-card{transition:transform .25s,box-shadow .25s,border-color .25s;background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 36%), linear-gradient(145deg, #ffffff16, #ffffff06)!important;border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border))!important;min-height:190px!important;box-shadow:0 24px 70px #0000003d, 0 0 30px color-mix(in srgb, var(--accent) 9%, transparent)!important;border-radius:30px!important;align-items:flex-start!important;gap:18px!important;padding:26px!important;display:flex!important}.attendance-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb, var(--accent) 44%, var(--border))!important;box-shadow:0 30px 84px #0000004d, 0 0 38px color-mix(in srgb, var(--accent) 16%, transparent)!important}.attendance-card span{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 48%, #05070c));width:62px;min-width:62px;height:62px;box-shadow:0 18px 42px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 0 0 1px #ffffff29;border-radius:22px;place-items:center;font-size:1.9rem;display:grid}.attendance-card h3{letter-spacing:-.04em;margin:0 0 10px;font-size:1.35rem}.attendance-card p{margin:0;font-weight:750;line-height:1.65}.live-status-dot.open{color:#07111f;background:#fff}.live-status-dot.started{color:#07111f;background:#39ff88;box-shadow:0 0 22px #39ff8859}.live-status-dot.closed{color:#fff;background:#ffffff1f}.live-preview-card button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}@media (width<=1100px){.character-grid,.attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.character-grid,.attendance-grid{grid-template-columns:1fr!important}.character-flip-card,.character-flip-inner{height:235px;min-height:235px}.attendance-card{min-height:auto!important;padding:22px!important}}.new-home-page>.home-profile-strip{z-index:5!important;width:min(92%,1160px)!important;max-width:1160px!important;margin:34px auto 42px!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.new-hero-visual{z-index:1!important}.new-hero{position:relative!important;overflow:hidden!important}.new-home-page>.home-section:first-of-type{margin-top:0!important}@media (width<=760px){.new-hero-copy h1{letter-spacing:-.045em!important;word-spacing:.08em!important;text-align:center!important;font-size:clamp(3rem,14vw,4.8rem)!important;line-height:.95!important}.new-hero-copy h1 span{margin-top:8px!important;display:block!important}.new-hero-text{letter-spacing:0!important;word-spacing:.02em!important;text-align:center!important;font-size:1rem!important;line-height:1.65!important}.section-heading h2{letter-spacing:-.045em!important;word-spacing:.06em!important;font-size:clamp(2.1rem,10vw,3.2rem)!important;line-height:1.05!important}.section-heading p{word-spacing:.02em!important;font-size:1rem!important;line-height:1.65!important}.character-flip-card{perspective:none!important;height:auto!important;min-height:auto!important}.character-flip-inner{transform-style:flat!important;height:auto!important;min-height:auto!important;transition:none!important;display:block!important;transform:none!important}.character-flip-face{backface-visibility:visible!important;position:relative!important;inset:auto!important;transform:none!important}.character-flip-front{border-radius:30px 30px 0 0!important;min-height:190px!important}.character-flip-back{text-align:center!important;border-top:0!important;border-radius:0 0 30px 30px!important;align-items:center!important;min-height:auto!important;margin-top:-1px!important;padding:0 26px 26px!important}.character-flip-back strong{display:none!important}.character-flip-back p{text-align:center!important;font-size:.98rem!important;line-height:1.55!important}.character-grid{grid-template-columns:1fr!important;gap:22px!important;display:grid!important}.character-flip-card{perspective:none!important;background:0 0!important;border:0!important;width:100%!important;height:auto!important;min-height:auto!important;padding:0!important}.character-flip-inner{transform-style:flat!important;width:100%!important;height:auto!important;min-height:auto!important;transition:none!important;display:block!important;transform:none!important}.character-flip-card:hover .character-flip-inner,.character-flip-card:focus-visible .character-flip-inner,.character-flip-card:active .character-flip-inner{transform:none!important}.character-flip-face{backface-visibility:visible!important;background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 42%), linear-gradient(145deg, #ffffff17, #ffffff06)!important;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border))!important;width:100%!important;box-shadow:0 24px 70px #00000042, 0 0 32px color-mix(in srgb, var(--accent) 10%, transparent)!important;border-radius:30px!important;position:static!important;inset:auto!important;transform:none!important}.character-flip-front{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:22px!important;min-height:260px!important;padding:34px 24px!important;display:flex!important}.character-flip-back{display:none!important}.character-flip-front:after{content:"Tap or hover on desktop to reveal more.";max-width:92%;color:var(--muted);text-align:center;margin-top:4px;font-size:.92rem;font-weight:750;line-height:1.5;display:block}.character-flip-front span{border-radius:26px!important;width:82px!important;height:82px!important;font-size:2.1rem!important}.character-flip-front strong{text-align:center!important;font-size:1.65rem!important}}@media (width<=760px){.character-grid{grid-template-columns:1fr!important;gap:22px!important}.character-flip-card{perspective:1200px!important;width:100%!important;height:285px!important;min-height:285px!important}.character-flip-inner{height:285px!important;min-height:285px!important;transform-style:preserve-3d!important}.character-flip-card:hover .character-flip-inner{transform:none!important}.character-flip-card.is-flipped .character-flip-inner{transform:rotateY(180deg)!important}.character-flip-face{backface-visibility:hidden!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.character-flip-front{transform:rotateY(0)!important}.character-flip-back{text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important;transform:rotateY(180deg)!important}.character-flip-back strong{text-align:center!important;display:block!important}.character-flip-back p{text-align:center!important;font-size:.98rem!important;line-height:1.55!important}}.auth-field{gap:8px;display:grid}.auth-field-label{color:var(--muted);text-align:center;font-size:.9rem;font-weight:820}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap input{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 45%), #00000042;border-radius:18px;min-height:54px;padding-left:46px!important;padding-right:48px!important}.auth-input-icon{z-index:2;opacity:.92;pointer-events:none;font-size:1rem;position:absolute;left:15px}.password-eye-btn{background:var(--surface);width:36px;height:36px;color:var(--text);z-index:2;border:0;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;right:10px}.password-eye-btn:hover{background:color-mix(in srgb, var(--accent) 18%, var(--surface));transform:scale(1.06)}.signin-box .primary-btn[disabled],.signup-wizard .primary-btn[disabled]{position:relative;overflow:hidden}.signin-box .primary-btn[disabled]:after,.signup-wizard .primary-btn[disabled]:after{content:"";background:linear-gradient(90deg,#0000,#ffffff3d,#0000);animation:1s linear infinite authLoadingSweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes authLoadingSweep{to{transform:translate(100%)}}.question-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.question-status-row p{margin:0}.question-timer{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));min-width:92px;box-shadow:0 0 24px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.question-timer.danger{color:#fff;background:linear-gradient(135deg,#ff4a4a,#8a1111);animation:.55s ease-in-out infinite alternate timerDangerPulse}@keyframes timerDangerPulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.25);transform:scale(1.06)}}.answer-explanation{border:1px solid var(--border);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 36%), var(--surface);border-radius:24px;margin:18px 0;padding:20px;animation:.28s explanationPop;position:relative;box-shadow:0 24px 60px #0000003d}.answer-explanation.correct{border-color:#39ff8857}.answer-explanation.wrong{border-color:#ff4a4a57}.answer-explanation small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:950;display:block}.answer-explanation strong{margin-top:6px;font-size:1.25rem;display:block}.answer-explanation p{margin:10px 0 0;font-weight:720}.explanation-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text);background:var(--surface);border-radius:50%;font-size:1.3rem;line-height:1;position:absolute;top:12px;right:12px}.explanation-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@keyframes explanationPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.streak-reward-overlay{z-index:2000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000085;place-items:center;padding:22px;animation:.25s streakOverlayIn;display:grid;position:fixed;inset:0}.streak-reward-card{text-align:center;background:radial-gradient(circle at 50% 0%, #ffa0283d, transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, #111827), #080b13);border:1px solid color-mix(in srgb, var(--accent) 30%, #ffffff24);width:min(540px,96vw);box-shadow:0 40px 100px #00000080, 0 0 60px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:34px;padding:34px;animation:.65s cubic-bezier(.16,1.1,.32,1) prizePop}.streak-reward-card.claimed{animation:.8s infinite alternate claimedPulse}.streak-fire{filter:drop-shadow(0 0 28px #ff781e8c);font-size:5rem;animation:1.1s ease-in-out infinite fireBounce}.streak-reward-card h2{letter-spacing:-.06em;margin:8px 0;font-size:clamp(2rem,6vw,3.2rem)}.streak-progress-wrap{background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;margin-top:22px;padding:16px}.streak-progress-label{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:10px;font-weight:850;display:flex}.streak-progress-bar{background:#ffffff1f;border-radius:999px;height:14px;overflow:hidden}.streak-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, #ff4a4a, #ffb800, #39ff88, var(--accent));height:100%;transition:width .5s;display:block;box-shadow:0 0 26px #ff642866}.streak-reward-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}@keyframes streakOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes prizePop{0%{opacity:0;transform:translateY(40px)scale(.78)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes fireBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.08)}}@keyframes claimedPulse{0%{box-shadow:0 40px 100px #00000080,0 0 40px #ff781e59}to{box-shadow:0 46px 120px #0000008c,0 0 80px #ff781e9e}}.character-flip-front:after{content:none!important;display:none!important}.mobile-character-text{display:none!important}.character-flip-card{perspective:1200px!important;background:0 0!important;border:0!important;padding:0!important}.character-flip-inner{width:100%!important;height:270px!important;min-height:270px!important;transform-style:preserve-3d!important;transition:transform .72s cubic-bezier(.2,.8,.2,1)!important;position:relative!important}.character-flip-card:hover .character-flip-inner,.character-flip-card.is-flipped .character-flip-inner{transform:rotateY(180deg)!important}.character-flip-face{backface-visibility:hidden!important;border-radius:30px!important;position:absolute!important;inset:0!important}.character-flip-front{transform:rotateY(0)!important}.character-flip-back{transform:rotateY(180deg)!important}@media (width<=760px){.auth-shell{grid-template-columns:1fr!important}.auth-left,.auth-right{padding:24px!important}.character-grid{grid-template-columns:1fr!important;gap:22px!important}.character-flip-card{perspective:1200px!important;width:100%!important;height:285px!important;min-height:285px!important}.character-flip-inner{height:285px!important;min-height:285px!important;transform-style:preserve-3d!important}.character-flip-card:hover .character-flip-inner{transform:none!important}.character-flip-card.is-flipped .character-flip-inner{transform:rotateY(180deg)!important}.character-flip-face{backface-visibility:hidden!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.character-flip-front{transform:rotateY(0)!important}.character-flip-back{text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important;transform:rotateY(180deg)!important}.character-flip-back strong{text-align:center!important;display:block!important}.character-flip-back p{text-align:center!important;font-size:.98rem!important;line-height:1.55!important}.question-status-row,.explanation-actions,.streak-reward-actions{flex-direction:column;align-items:stretch}.question-timer{width:100%}}.streak-reward-card,.streak-card{text-align:center!important;border-radius:34px!important;width:min(92vw,680px)!important;max-height:min(88vh,760px)!important;margin:auto!important;overflow-y:auto!important;transform:none!important}@media (width<=760px){.streak-reward-overlay,.streak-overlay{align-items:center!important;padding:16px!important}.streak-reward-card,.streak-card{border-radius:30px!important;width:100%!important;max-height:86vh!important;padding:28px 20px!important}.streak-reward-card .primary-btn,.streak-reward-card .outline-btn,.streak-card .primary-btn,.streak-card .outline-btn{width:100%!important}}.streak-reward-card,.streak-card{padding-top:58px!important}.verified-badge,.member-verified,.profile-verified,.verify-badge,.verified-check,.verified-icon{filter:none!important;backface-visibility:hidden!important;will-change:auto!important;transition:none!important;animation:none!important;transform:translateZ(0)!important}@media (width<=900px){.verified-badge,.member-verified,.profile-verified,.verify-badge,.verified-check,.verified-icon{box-shadow:none!important;text-shadow:none!important;transition:none!important;animation:none!important;transform:translateZ(0)!important}}img[src*=verification],img[src*=verification\.png]{filter:none!important;opacity:1!important;backface-visibility:hidden!important;will-change:auto!important;image-rendering:auto!important;pointer-events:none!important;transition:none!important;animation:none!important;transform:translateZ(0)!important}@media (width<=900px){img[src*=verification],img[src*=verification\.png]{filter:none!important;opacity:1!important;will-change:auto!important;transition:none!important;animation:none!important;transform:translateZ(0)!important}}.unavailable-btn,.unavailable-btn:hover{opacity:.55!important;filter:grayscale(.7)!important;cursor:not-allowed!important;color:var(--muted)!important;box-shadow:none!important;background:#ffffff14!important;transform:none!important}.verified-img,img[src*=verification],img[src*=verification\.png]{filter:none!important;opacity:1!important;backface-visibility:hidden!important;will-change:auto!important;image-rendering:auto!important;pointer-events:none!important;transition:none!important;animation:none!important;transform:translateZ(0)!important}.verified-img{object-fit:contain!important;vertical-align:middle!important;flex:none!important;width:18px!important;height:18px!important;display:inline-block!important}.verified-img.big{width:28px!important;height:28px!important}@media (width<=900px){.verified-img,img[src*=verification],img[src*=verification\.png]{filter:none!important;box-shadow:none!important;text-shadow:none!important;will-change:auto!important;transition:none!important;animation:none!important;transform:translateZ(0)!important}}.streak-reward-overlay,.streak-overlay{z-index:9999!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#00000094!important;place-items:center!important;padding:24px!important;display:grid!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.streak-reward-card,.streak-card{text-align:center!important;border-radius:34px!important;width:min(92vw,680px)!important;max-height:min(88vh,760px)!important;margin:auto!important;padding-top:58px!important;overflow-y:auto!important;transform:none!important}.streak-fire,.streak-reward-fire,.streak-prize-icon{z-index:2!important;margin:0 auto 18px!important;line-height:1!important;display:block!important;position:relative!important;transform:none!important}.streak-reward-card .eyebrow,.streak-card .eyebrow{z-index:3!important;letter-spacing:.28em!important;margin-top:0!important;margin-bottom:16px!important;position:relative!important}.streak-reward-card h2,.streak-card h2{font-size:clamp(2rem,7vw,3.1rem)!important;line-height:1.05!important}.streak-reward-card p,.streak-card p{max-width:560px!important;margin-left:auto!important;margin-right:auto!important}@media (width<=760px){.streak-reward-overlay,.streak-overlay{align-items:center!important;padding:16px!important}.streak-reward-card,.streak-card{border-radius:30px!important;width:100%!important;max-height:86vh!important;padding:52px 20px 28px!important}.streak-reward-card .primary-btn,.streak-reward-card .outline-btn,.streak-card .primary-btn,.streak-card .outline-btn{width:100%!important}}