.soccers-referee-test { --rt-red:#cf2e3a; --rt-ink:#0d1b2f; --rt-muted:#64748b; max-width:760px; margin:28px auto; font-family:"Trebuchet MS", sans-serif; }
.soccers-referee-test__card { padding:clamp(22px,5vw,44px); border:1px solid #e2e8f0; border-radius:22px; background:linear-gradient(145deg,#fff 0%,#f7fafc 100%); box-shadow:0 16px 40px rgba(15,23,42,.09); color:var(--rt-ink); }
.soccers-referee-test__eyebrow { margin:0 0 8px; color:var(--rt-red); font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.soccers-referee-test h2 { margin:0 0 24px; font-size:clamp(1.35rem,4vw,2rem); line-height:1.18; }
.soccers-referee-test label { display:block; font-weight:700; }
.soccers-referee-test__name-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.soccers-referee-test__name-fields p { margin:0; }
.soccers-referee-test input[type="text"],.soccers-referee-test input[type="password"],.soccers-referee-test input:not([type]) { box-sizing:border-box; width:100%; margin:9px 0 16px; padding:14px 15px; border:1px solid #cbd5e1; border-radius:12px; font:inherit; }
.soccers-referee-test button { width:100%; padding:14px 18px; border:0; border-radius:12px; background:var(--rt-red); color:#fff; font:800 1rem inherit; cursor:pointer; }
.soccers-referee-test button:disabled { cursor:wait; opacity:.65; }
.soccers-referee-test__error { margin:14px 0 0; color:#b4232c; font-weight:700; }
.soccers-referee-test__hint { margin:14px 0 0; color:var(--rt-muted); font-size:.88rem; }
.soccers-referee-test__hub .soccers-referee-test__hint { margin:-10px 0 22px; }.soccers-referee-test__links { display:grid; gap:10px; }.soccers-referee-test__links a,.soccers-referee-test__links button { box-sizing:border-box; display:flex; align-items:center; width:100%; min-height:56px; padding:16px 18px; border:1px solid #dbe3ec; border-radius:13px; background:#fff; color:var(--rt-ink); font:800 1rem inherit; line-height:1.25; text-align:left; text-decoration:none; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }.soccers-referee-test__links a::after { content:'↗'; margin-left:auto; color:var(--rt-red); font-size:1.1rem; }.soccers-referee-test__links button { border-color:var(--rt-red); background:var(--rt-red); color:#fff; cursor:pointer; }.soccers-referee-test__links a:hover,.soccers-referee-test__links a:focus-visible { border-color:var(--rt-red); box-shadow:0 0 0 3px rgba(207,46,58,.12); transform:translateY(-1px); }.soccers-referee-test__links button:hover,.soccers-referee-test__links button:focus-visible { box-shadow:0 7px 16px rgba(207,46,58,.24); transform:translateY(-1px); }
.soccers-referee-test__handbook-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid #e2e8f0; }.soccers-referee-test__handbook h2 { margin-bottom:6px; }.soccers-referee-test__handbook-version { margin:0; color:var(--rt-muted); font-size:.82rem; font-weight:700; }.soccers-referee-test__handbook-head a { flex:0 0 auto; padding:9px 12px; border:1px solid #e2a2a8; border-radius:9px; color:var(--rt-red); font-size:.84rem; font-weight:800; text-decoration:none; }.soccers-referee-test__handbook-content { padding-top:22px; color:#24364b; font-size:1rem; line-height:1.7; }.soccers-referee-test__handbook-content > :first-child { margin-top:0; }.soccers-referee-test__handbook-content h2,.soccers-referee-test__handbook-content h3,.soccers-referee-test__handbook-content h4 { margin:28px 0 10px; color:var(--rt-ink); }.soccers-referee-test__handbook-content a { color:var(--rt-red); font-weight:800; }.soccers-referee-test__handbook-content ul,.soccers-referee-test__handbook-content ol { padding-left:22px; }
.soccers-referee-test__handbook-search { margin-top:20px; }.soccers-referee-test__handbook-search label { margin-bottom:7px; color:var(--rt-ink); font-size:.82rem; }.soccers-referee-test__handbook-search input { box-sizing:border-box; width:100%; padding:12px 14px; border:1px solid #cbd5e1; border-radius:11px; background:#fff; color:var(--rt-ink); font:inherit; }.soccers-referee-test__handbook-search input:focus { border-color:var(--rt-red); outline:0; box-shadow:0 0 0 3px rgba(207,46,58,.12); }.soccers-referee-test__handbook-search p { min-height:18px; margin:6px 0 0; color:var(--rt-muted); font-size:.78rem; font-weight:700; }
.soccers-referee-test__handbook-content mark { padding:1px 3px; border-radius:3px; background:#ffe9a8; color:inherit; font-weight:800; }
.soccers-referee-test__meta { display:flex; justify-content:space-between; gap:16px; color:var(--rt-muted); font-size:.85rem; }
.soccers-referee-test__meta strong { color:var(--rt-ink); font-variant-numeric:tabular-nums; }
.soccers-referee-test__progress { height:6px; margin:12px 0 26px; overflow:hidden; border-radius:999px; background:#e2e8f0; }.soccers-referee-test__progress i { display:block; height:100%; border-radius:inherit; background:var(--rt-red); transition:width .25s ease; }
.soccers-referee-test__image { display:block; width:100%; max-height:360px; margin:0 0 24px; border-radius:14px; object-fit:contain; background:#eef2f6; }
.soccers-referee-test__intro-image { display:block; width:100%; max-height:280px; margin:-4px 0 24px; border-radius:14px; object-fit:cover; background:#eef2f6; }
.soccers-referee-test__answers { display:grid; gap:10px; margin:20px 0; }.soccers-referee-test__answer { display:flex; gap:12px; align-items:flex-start; padding:14px; border:1px solid #dbe3ec; border-radius:13px; background:#fff; cursor:pointer; }.soccers-referee-test__answer:has(input:checked) { border-color:var(--rt-red); box-shadow:0 0 0 3px rgba(207,46,58,.12); }.soccers-referee-test__answer input { flex:0 0 auto; margin:3px 12px 0 0 !important; accent-color:var(--rt-red); }.soccers-referee-test__answer span { display:block; }
.soccers-referee-test__result { position:relative; overflow:hidden; text-align:center; }.soccers-referee-test__percent { display:grid; place-items:center; width:150px; height:150px; margin:8px auto 22px; padding:10px; box-sizing:border-box; border-radius:50%; background:conic-gradient(var(--rt-red) calc(var(--score) * 1%),#e7eef5 0); color:var(--rt-red); font-size:2.25rem; font-weight:900; }.soccers-referee-test__percent span { display:grid; width:100%; height:100%; place-items:center; border-radius:50%; background:#fff; }.soccers-referee-test__result-details { opacity:0; transform:translateY(8px); transition:opacity .3s ease,transform .3s ease; }.soccers-referee-test__result-details.is-revealed { opacity:1; transform:none; }
.soccers-referee-test__confetti { position:absolute; inset:0; overflow:visible; pointer-events:none; }.soccers-referee-test__confetti i { position:absolute; top:50%; left:50%; width:8px; height:14px; border-radius:3px; opacity:0; transform:translate(-50%,-50%) scale(.4); animation:soccers-referee-confetti-pop 2100ms cubic-bezier(.16,1,.3,1) both; animation-delay:calc(var(--soccers-confetti-delay,0) * 1ms); }@keyframes soccers-referee-confetti-pop { 0% { opacity:0; transform:translate(-50%,-50%) scale(.35) rotate(0deg); } 14% { opacity:1; } 100% { opacity:0; transform:translate(calc(-50% + var(--soccers-confetti-x)),calc(-50% + var(--soccers-confetti-y))) rotate(var(--soccers-confetti-r)); } }
.soccers-referee-test__feedback { max-width:540px; margin:0 auto 14px; color:#334155; font-weight:700; line-height:1.45; }
.soccers-referee-test__result-actions { display:grid; gap:10px; max-width:540px; margin:20px auto 0; }.soccers-referee-test__secondary-button { background:#fff !important; color:var(--rt-red) !important; border:1px solid #e2a2a8 !important; }
.soccers-referee-test__back-button { margin-top:10px; }
.soccers-referee-test__review { text-align:left; }.soccers-referee-test__review-list { display:grid; gap:14px; margin:24px 0; }.soccers-referee-test__review-item { padding:18px; border:1px solid #e2e8f0; border-left:4px solid var(--rt-red); border-radius:12px; background:#fff; }.soccers-referee-test__review-item h3 { margin:8px 0 16px; font-size:1.05rem; }.soccers-referee-test__review-item p { margin:8px 0; color:#475569; }.soccers-referee-test__review-item p span { display:block; margin-bottom:3px; color:#64748b; font-size:.78rem; font-weight:800; text-transform:uppercase; }.soccers-referee-test__review-item .is-correct { color:#087a48; font-weight:700; }
@media (max-width:480px){.soccers-referee-test{margin:14px auto}.soccers-referee-test__card{border-radius:16px}.soccers-referee-test__name-fields{grid-template-columns:1fr}.soccers-referee-test__handbook-head{flex-direction:column}.soccers-referee-test__percent{width:120px;height:120px;font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.soccers-referee-test__confetti{display:none}}