.container{max-width:1000px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}h1{background:linear-gradient(90deg,#0cf,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem}.skill-categories{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.category-card{border-radius:var(--radius-card);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:2rem;transition:all .3s}.category-card:hover{border-color:#00a8ff;transform:translateY(-5px);box-shadow:0 10px 40px #00a8ff33}.category-card.selected{background:#00a8ff1a;border-color:#00a8ff}.category-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.category-icon{border-radius:var(--radius-card);background:linear-gradient(135deg,#00a8ff,#0cf);justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.category-title{color:#fff;font-size:1.3rem;font-weight:600}.category-description{color:#a0a0a0;margin-bottom:1rem;line-height:1.6}.skill-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:#00a8ff;border-radius:var(--radius-button);background:#00a8ff33;border:1px solid #00a8ff4d;padding:.25rem .75rem;font-size:.8rem}.test-container{border-radius:var(--radius-card);background:#ffffff0d;margin-bottom:2rem;padding:2rem;display:none}.test-container.active{animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.test-title{color:#00a8ff;font-size:1.5rem}.test-progress{color:#a0a0a0}.question-card{border-radius:var(--radius-card);background:#ffffff08;border:1px solid #ffffff1a;margin-bottom:2rem;padding:2rem}.question{margin-bottom:1.5rem;font-size:1.2rem;line-height:1.6}.code-block{border-radius:var(--radius-button);background:#1a1a1a;border:1px solid #333;margin:1rem 0;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto}.options{flex-direction:column;gap:1rem;display:flex}.option{border-radius:var(--radius-button);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:1rem;transition:all .3s}.option:hover{background:#00ccff1a;border-color:#0cf}.option.selected{background:#0cf3;border-color:#0cf}.option input[type=radio]{margin-right:1rem}.navigation{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.nav-btn{color:#fff;border-radius:var(--radius-button);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.nav-btn:hover{background:#0cf3;border-color:#0cf}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.start-btn{color:#000;border-radius:var(--radius-button);cursor:pointer;background:#00a8ff;border:none;margin:2rem auto;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:block}.start-btn:hover{background:#0095e6;transform:translateY(-2px)}.results-container{border-radius:var(--radius-card);background:#ffffff0d;margin-top:2rem;padding:2rem;display:none}.results-container.show{animation:.5s fadeIn;display:block}.score-section{text-align:center;margin-bottom:2rem}.score-circle{background:conic-gradient(#00a8ff 0deg, #00a8ff var(--score-angle), #ffffff1a var(--score-angle));border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 1rem;display:flex;position:relative}.score-circle:before{content:"";background:#1a1a1a;border-radius:50%;width:120px;height:120px;position:absolute}.score-text{z-index:1;color:#00a8ff;font-size:2rem;font-weight:700;position:relative}.skill-breakdown{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.skill-item{border-radius:var(--radius-button);text-align:center;background:#ffffff08;padding:1rem}.skill-name{margin-bottom:.5rem;font-weight:600}.skill-score{color:#00a8ff;font-size:1.2rem;font-weight:700}.recommendations{border-radius:var(--radius-card);background:#00a8ff1a;border:1px solid #00a8ff33;margin-top:2rem;padding:1.5rem}.recommendations h3{color:#00a8ff;margin-bottom:1rem}.recommendation-list{list-style:none}.recommendation-list li{border-bottom:1px solid #ffffff1a;padding:.5rem 0}.recommendation-list li:last-child{border-bottom:none}@media (max-width:768px){.container{padding:1rem}h1{font-size:2rem}.skill-categories{grid-template-columns:1fr}.test-header{text-align:center;flex-direction:column;gap:1rem}}