.res-banner{text-align:center;padding:8rem 1.5rem 2rem;position:relative;overflow:hidden}.res-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#0000 65%);width:500px;height:500px;position:absolute;top:-40%;right:20%}.res-banner__label{text-transform:uppercase;letter-spacing:.1em;color:#34d399;background:#10b98114;border:1px solid #10b98126;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.3rem .85rem;font-size:.7rem;font-weight:600;display:inline-flex}.res-banner__title{letter-spacing:-.03em;color:#f1f5f9;margin:0 0 .6rem;font-size:2.4rem;font-weight:800;line-height:1.15}.res-banner__title-hl{background:linear-gradient(135deg,#10b981 0%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.res-banner__desc{color:#94a3b8;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.7}.res-overview{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1000px;margin:0 auto 2rem;padding:0 1.5rem;display:grid}.res-stat-card{background:#16203673;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.85rem;padding:1.15rem;transition:all .25s;display:flex}.res-stat-card:hover{border-color:#ffffff14;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.res-stat-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.res-stat-card__icon--blue{color:#60a5fa;background:#2563eb1f}.res-stat-card__icon--green{color:#34d399;background:#10b9811f}.res-stat-card__icon--orange{color:#fb923c;background:#f973161f}.res-stat-card__icon--purple{color:#a78bfa;background:#8b5cf61f}.res-stat-card__info{flex-direction:column;gap:.1rem;display:flex}.res-stat-card__value{color:#f1f5f9;font-size:1.35rem;font-weight:800}.res-stat-card__label{color:#64748b;font-size:.72rem;font-weight:500}.res-content{grid-template-columns:1fr 320px;align-items:start;gap:1.25rem;max-width:1000px;margin:0 auto;padding:0 1.5rem 4rem;display:grid}.res-panel{background:#16203673;border:1px solid #ffffff0d;border-radius:14px;padding:1.5rem}.res-panel__title{color:#f1f5f9;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.res-panel__title-icon{color:#3b82f6}.res-results-table{border-collapse:collapse;width:100%}.res-results-table th{text-transform:uppercase;letter-spacing:.08em;color:#475569;text-align:left;border-bottom:1px solid #ffffff0a;padding:.5rem .6rem;font-size:.68rem;font-weight:600}.res-results-table td{color:#cbd5e1;border-bottom:1px solid #ffffff08;padding:.65rem .6rem;font-size:.8rem}.res-results-table tr:last-child td{border-bottom:none}.res-results-table tr:hover td{background:#2563eb08}.res-test-name{color:#e2e8f0;font-weight:600}.res-score{font-weight:700}.res-score--high{color:#34d399}.res-score--mid{color:#fbbf24}.res-score--low{color:#f87171}.res-rank{color:#93c5fd;font-weight:700}.res-date{color:#64748b;font-size:.75rem}.res-view-btn{color:#60a5fa;cursor:pointer;background:#2563eb14;border:1px solid #2563eb1f;border-radius:6px;align-items:center;gap:.2rem;padding:.25rem .55rem;font-family:inherit;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.res-view-btn:hover{color:#93c5fd;background:#2563eb26}.res-sidebar{flex-direction:column;gap:1.25rem;display:flex}.res-progress{flex-direction:column;gap:.7rem;display:flex}.res-progress__item{flex-direction:column;gap:.3rem;display:flex}.res-progress__header{justify-content:space-between;font-size:.75rem;display:flex}.res-progress__label{color:#cbd5e1;font-weight:600}.res-progress__value{color:#64748b;font-weight:700}.res-progress__bar{background:#ffffff0a;border-radius:100px;height:6px;overflow:hidden}.res-progress__fill{border-radius:100px;height:100%;transition:width .6s}.res-progress__fill--blue{background:linear-gradient(90deg,#2563eb,#3b82f6)}.res-progress__fill--green{background:linear-gradient(90deg,#059669,#10b981)}.res-progress__fill--orange{background:linear-gradient(90deg,#ea580c,#f97316)}.res-progress__fill--purple{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.res-leaderboard{flex-direction:column;gap:.5rem;display:flex}.res-leaderboard__item{background:#1620364d;border:1px solid #ffffff08;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .7rem;transition:all .2s;display:flex}.res-leaderboard__item:hover{background:#2563eb0d}.res-leaderboard__item--you{background:#2563eb14;border-color:#2563eb26}.res-leaderboard__rank{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.res-leaderboard__rank--gold{color:#fbbf24;background:#f59e0b26}.res-leaderboard__rank--silver{color:#94a3b8;background:#94a3b826}.res-leaderboard__rank--bronze{color:#fb923c;background:#ea580c26}.res-leaderboard__rank--default{color:#64748b;background:#ffffff0a}.res-leaderboard__name{color:#cbd5e1;flex:1;font-size:.78rem;font-weight:600}.res-leaderboard__score{color:#34d399;font-size:.78rem;font-weight:700}@media (max-width:960px){.res-overview{grid-template-columns:repeat(2,1fr)}.res-content{grid-template-columns:1fr}.res-sidebar{order:-1}}@media (max-width:480px){.res-banner{padding:6rem 1.25rem 1.5rem}.res-banner__title{font-size:1.8rem}.res-overview{padding:0 1.25rem}.res-content{padding:0 1.25rem 3rem}}