.logo-brand{display:block;width:220px;height:64px;overflow:hidden}.logo-brand img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
body[data-page="home"] .site-header{height:100px}body[data-page="home"] .logo-brand{width:320px;height:92px}
body[data-page="quiz"] .site-header,body[data-page="result"] .site-header{position:relative}
body[data-page="quiz"] .logo-brand,body[data-page="result"] .logo-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:58px}
body[data-page="quiz"] .logo-brand img,body[data-page="result"] .logo-brand img{object-fit:cover;object-position:center}
body[data-page="quiz"] .header-actions{margin-left:auto}
@media(max-width:520px){.logo-brand{width:170px;height:54px}body[data-page="home"] .site-header{height:84px}body[data-page="home"] .logo-brand{width:230px;height:76px}body[data-page="quiz"] .logo-brand,body[data-page="result"] .logo-brand{width:135px;height:48px}}
.gender-field{margin:0 0 17px;padding:0;border:0}.gender-field legend{text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:bold;margin-bottom:7px}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gender-options label{display:flex;align-items:center;gap:11px;margin:0;padding:13px 15px;border:1px solid var(--line);background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}.gender-options label:hover{border-color:var(--blue)}.gender-options label:has(input:checked){border-color:var(--blue);background:rgba(0,168,232,.1)}.gender-options input{appearance:none;-webkit-appearance:none;width:19px;height:19px;margin:0;padding:0;border:2px solid #9aabb4;border-radius:50%;background:var(--card);display:grid;place-content:center;cursor:pointer;box-shadow:none}.gender-options input:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .15s}.gender-options input:checked{border-color:var(--blue)}.gender-options input:checked:before{transform:scale(1)}.gender-options input:focus-visible{outline:3px solid rgba(0,168,232,.25);outline-offset:2px}.gender-options span{font-size:14px;text-transform:none;letter-spacing:0}
.subject-field{margin:0 0 17px;padding:0;border:0}.subject-field legend{text-transform:uppercase;letter-spacing:.7px;font-size:11px;font-weight:bold;margin-bottom:7px}.subject-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subject-options label{display:flex;align-items:center;gap:9px;margin:0;padding:13px 11px;border:1px solid var(--line);background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}.subject-options label:hover{border-color:var(--blue)}.subject-options label:has(input:checked){border-color:var(--blue);background:rgba(0,168,232,.1)}.subject-options input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;padding:0;border:2px solid #9aabb4;border-radius:50%;background:var(--card);display:grid;place-content:center;cursor:pointer;box-shadow:none}.subject-options input:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .15s}.subject-options input:checked{border-color:var(--blue)}.subject-options input:checked:before{transform:scale(1)}.subject-options input:focus-visible{outline:3px solid rgba(0,168,232,.25);outline-offset:2px}.subject-options span{font-size:13px;text-transform:none;letter-spacing:0}@media(max-width:420px){.subject-options{grid-template-columns:1fr}}
.quiz-rules{padding:70px max(7vw,28px);background:var(--bg)}.rules-heading{text-align:center;max-width:650px;margin:0 auto 35px}.rules-heading h2{font-size:32px;margin:8px 0;text-transform:uppercase}.rules-heading p{color:var(--muted)}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:auto}.rules-grid article{display:flex;gap:15px;padding:22px;background:var(--card);border:1px solid var(--line)}.rules-grid article>span{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#dcf5ff;color:var(--blue-dark);font-weight:bold}.rules-grid h3{font-size:16px;margin:0 0 5px}.rules-grid p{margin:0;color:var(--muted);font-size:13px}.rules-note{max-width:1200px;margin:20px auto 0;padding:14px 18px;border-left:4px solid var(--blue);background:var(--card);color:var(--muted)}.rules-note strong{color:var(--ink)}@media(max-width:850px){.rules-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.rules-grid{grid-template-columns:1fr}.quiz-rules{padding-top:50px;padding-bottom:50px}}
#score-fraction{display:inline-block;margin-top:10px;padding:6px 13px;border-radius:18px;background:#dcf5ff;color:var(--blue-dark);font-size:14px;font-weight:700;white-space:nowrap}
.form-error{min-height:20px;margin:-4px 0 10px;color:var(--red);font-size:13px;font-weight:700}.primary-btn:disabled{cursor:not-allowed;opacity:.65}.leaderboard-section{padding:70px max(7vw,28px);background:var(--card)}.leaderboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}.leaderboard-card{padding:25px;background:var(--bg);border-top:4px solid var(--blue)}.leaderboard-card h3{margin:0 0 18px;font-size:21px}.leaderboard-card ol{margin:0;padding:0;list-style:none;counter-reset:rank}.leaderboard-card li{counter-increment:rank;display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.leaderboard-card li:last-child{border-bottom:0}.leaderboard-card li:before{content:counter(rank);display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#dcf5ff;color:var(--blue-dark);font-size:12px;font-weight:800}.leaderboard-card li span{flex:1;font-weight:600}.leaderboard-card li strong{color:var(--blue-dark)}.leaderboard-empty,.leaderboard-loading,.leaderboard-error{grid-column:1/-1;margin:0;text-align:center;color:var(--muted)}.leaderboard-error{padding:15px;border-left:4px solid var(--red);background:#fff2f2;color:var(--red)}@media(max-width:760px){.leaderboard-grid{grid-template-columns:1fr}}
.leaderboard-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#f7fbfd 0%,#edf7fb 100%)}.leaderboard-section:before,.leaderboard-section:after{content:'';position:absolute;border-radius:50%;background:rgba(0,168,232,.07);pointer-events:none}.leaderboard-section:before{width:340px;height:340px;left:-170px;top:-150px}.leaderboard-section:after{width:260px;height:260px;right:-100px;bottom:-130px}.leaderboard-section .rules-heading,.leaderboard-grid{position:relative;z-index:1}.leaderboard-section .rules-heading:before{content:'★';display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#00a8e8,#0078b5);color:#fff;font-size:23px;box-shadow:0 10px 24px rgba(0,120,181,.24)}.leaderboard-grid{gap:24px}.leaderboard-card{position:relative;min-height:230px;padding:0 24px 24px;border:0;border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(25,66,86,.1);overflow:hidden;transition:transform .25s,box-shadow .25s}.leaderboard-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(25,66,86,.16)}.leaderboard-card:before{content:'';display:block;height:5px;margin:0 -24px 20px;background:var(--subject-color,#00a8e8)}.leaderboard-card[data-subject="html"]{--subject-color:#f06b3b;--subject-soft:#fff0ea}.leaderboard-card[data-subject="css"]{--subject-color:#3478db;--subject-soft:#eaf2ff}.leaderboard-card[data-subject="javascript"]{--subject-color:#d5a500;--subject-soft:#fff8d8}.leaderboard-card h3{display:flex;align-items:center;gap:12px;margin-bottom:17px;font-size:20px}.subject-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--subject-soft);color:var(--subject-color);font-size:13px;font-weight:900}.leaderboard-card ol{display:flex;flex-direction:column;gap:8px}.leaderboard-card li{position:relative;gap:12px;padding:11px 12px;border:0;border-radius:9px;background:#f7fafb}.leaderboard-card li:before{background:#e5f5fb}.leaderboard-card li.rank-1{padding:14px 12px;background:linear-gradient(100deg,var(--subject-soft),#fff);border:1px solid color-mix(in srgb,var(--subject-color) 30%,#fff)}.leaderboard-card li.rank-1:before{content:'1';background:var(--subject-color);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--subject-color) 28%,transparent)}.leader-person{display:flex;flex:1;min-width:0;flex-direction:column}.leader-name{overflow:hidden;font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.top-label{color:var(--subject-color);font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.leader-result{display:flex;flex-direction:column;align-items:flex-end}.leader-result strong{color:var(--subject-color);font-size:16px}.leader-result small{color:var(--muted);font-size:10px}.leaderboard-empty{display:flex;min-height:120px;align-items:center;justify-content:center;flex-direction:column;gap:8px}.leaderboard-empty span{color:var(--subject-color);font-size:31px}.leaderboard-loading{padding:35px}@media(max-width:760px){.leaderboard-card{min-height:auto}.leaderboard-section{padding-left:20px;padding-right:20px}}
.field-hint{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}
.mobile-input-wrap{display:flex;width:100%;margin-top:7px}.mobile-prefix{display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-right:0;background:#dcf5ff;color:var(--blue-dark);font-size:14px;font-weight:800}.mobile-input-wrap input{margin-top:0;flex:1;min-width:0}