.diag-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong);background:#ffffffb3;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #00000014}.diag-decor-accent{background:linear-gradient(90deg, var(--color-accent-gold), var(--color-accent-amber));width:100%;height:4px;position:absolute;top:0;left:0}.diag-score-circle{border:2px solid var(--border-strong);cursor:pointer;background:var(--color-bg-elevated);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.diag-score-label{position:relative}.diag-score-label:hover .diag-score-circle{border-color:var(--color-accent-gold);color:var(--color-accent-gold);transform:scale(1.15);box-shadow:0 0 0 4px #1e3a5f14}.diag-score-label.selected .diag-score-circle{background:var(--color-accent-gold);border-color:var(--color-accent-gold);color:#fff;animation:.4s cubic-bezier(.34,1.56,.64,1) scorePop;transform:scale(1.1);box-shadow:0 4px 16px #1e3a5f40}@keyframes scorePop{0%{opacity:.5;transform:scale(.6)}50%{transform:scale(1.25)}to{opacity:1;transform:scale(1.1)}}.diag-score-label.selected .diag-score-circle:after{content:"";border:2px solid var(--color-accent-gold);pointer-events:none;border-radius:50%;animation:.6s ease-out forwards scoreRipple;position:absolute;inset:-6px}@keyframes scoreRipple{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.diag-question-item{border-bottom:1px solid var(--border-subtle);padding:1.5rem 0;transition:background-color .3s}.diag-question-item.answered{background-color:#1e3a5f05;border-radius:4px;padding-left:1rem;padding-right:1rem}.diag-scores{flex:1;justify-content:center;gap:.75rem;max-width:320px;margin:0 auto;display:flex}.diag-rank-circle{border:6px solid var(--color-accent-gold);background:var(--color-bg-surface);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;animation:.8s cubic-bezier(.34,1.56,.64,1) rankReveal;display:flex}@keyframes rankReveal{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.diag-rank-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary);font-size:.7rem}.diag-rank-value{color:var(--color-accent-gold);font-size:3.5rem;font-weight:900;line-height:1}.diag-form-group{text-align:left;margin-bottom:1.25rem}.diag-form-group label{color:var(--color-text-primary);margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:block}.diag-input{border:1px solid var(--border-strong);background:var(--color-bg-base);width:100%;color:var(--color-text-primary);border-radius:4px;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.diag-input:focus{border-color:var(--color-accent-gold);outline:none;box-shadow:0 0 0 3px #1e3a5f14}.diag-progress{background:var(--border-subtle);border-radius:2px;height:4px;margin-bottom:2rem;overflow:hidden}.diag-progress-bar{background:linear-gradient(90deg, var(--color-accent-gold), var(--color-accent-amber));border-radius:2px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}@media (max-width:768px){.diag-score-circle{width:38px;height:38px;font-size:.85rem}.diag-scores{gap:.5rem}.diag-rank-circle{width:100px;height:100px}.diag-rank-value{font-size:2.5rem}}