.ch-hero{padding:64px 0 20px;background:linear-gradient(180deg,#f4f9f8,#fff)}.ch-hero h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.035em;line-height:1;margin:0 0 16px}.ch-quiz{padding:30px 0 70px}.ch-progress{display:flex;gap:6px;max-width:640px;margin:0 auto 22px}.ch-progress i{flex:1 1;height:8px;border-radius:99px;background:#e2e8e6;transition:background .3s}.ch-progress i.done{background:var(--accent)}.ch-progress i.now{background:#f2c230;animation:cp-pulse 1.2s infinite}.ch-card{max-width:640px;margin:0 auto;background:#fff;border:1.5px solid #e2e8e6;border-radius:24px;padding:28px;animation:cp-pop .3s ease both;box-shadow:0 30px 60px -48px var(--accent)}.ch-n{font-size:12.5px;font-weight:800;letter-spacing:.1em;color:var(--cp-muted);margin-bottom:8px}.ch-card h2{font-size:clamp(24px,3.4vw,32px)}.ch-hint{color:var(--cp-muted);font-size:14px;margin-top:-4px;margin-bottom:8px}.ch-opts{display:flex;flex-direction:column;gap:10px;margin-top:18px}.ch-opts button{font:inherit;font-size:16px;font-weight:600;text-align:left;border:2px solid #e2e8e6;background:#fff;border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .15s}.ch-opts button:hover{border-color:var(--accent);transform:translateX(4px)}.ch-opts button.on{border-color:var(--accent);background:#e7f6f2}.ch-back{margin-top:16px;background:none;border:none;color:var(--cp-muted);font:inherit;font-weight:700;cursor:pointer;padding:0}.ch-result{max-width:760px;margin:0 auto}.ch-rank{list-style:none;margin:26px 0;padding:0;display:flex;flex-direction:column;gap:10px}.ch-rank-row{gap:14px;background:#fff;border:1.5px solid #e2e8e6;border-left:6px solid var(--c);border-radius:16px;padding:14px 16px}.ch-rank-n,.ch-rank-row{display:flex;align-items:center}.ch-rank-n{width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;justify-content:center;font-weight:900;flex:none}.ch-rank-body{flex:1 1;min-width:0}.ch-rank-body b{font-size:17px}.ch-bar{height:6px;background:#eef3f2;border-radius:99px;overflow:hidden;margin:6px 0}.ch-bar i{display:block;height:100%;background:var(--c);transition:width .6s cubic-bezier(.2,.8,.2,1)}.ch-rank-body p{font-size:13.5px;color:var(--cp-muted)}.small-btn{padding:8px 14px;font-size:13px;background:var(--c);box-shadow:none;flex:none}.ch-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:560px){.ch-rank-row{flex-wrap:wrap}.small-btn{margin-left:44px}}.ch-table-sec{padding:70px 0;background:#f4f9f8}.ch-table-wrap{overflow-x:auto;margin-top:26px}.ch-table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;border:1.5px solid #e2e8e6}.ch-table td,.ch-table th{padding:13px 16px;text-align:left;border-bottom:1px solid #eef3f2}.ch-table th{font-size:14px;text-transform:uppercase;letter-spacing:.06em}.ch-table td:first-child{font-weight:700;color:var(--cp-muted)}.ch-table tr:last-child td{border-bottom:none}