.scorecard-container{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;padding:4rem 2rem;display:flex}.header{text-align:center;margin-bottom:2rem}.header h1{margin-bottom:1rem;font-size:3rem}.highlight{color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.header p{color:#8b949e;font-size:1.2rem}.search-panel{padding:1.5rem}.search-form{gap:1rem;display:flex}.url-input{border:1px solid var(--glass-border);color:var(--foreground);background:#010409cc;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:1rem;transition:border-color .3s}.url-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.loading-state{color:#8b949e;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-container{grid-template-columns:1fr 2fr;gap:2rem;display:grid}@media (max-width:768px){.result-container{grid-template-columns:1fr}.search-form{flex-direction:column}}.score-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.score-circle{border:8px solid;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:1.5rem 0;font-size:4rem;font-weight:700;display:flex;position:relative}.score-circle.high{border-color:var(--primary);box-shadow:0 0 30px var(--primary-glow), inset 0 0 20px var(--primary-glow);color:var(--primary)}.score-circle.medium{border-color:var(--warning);color:var(--warning);box-shadow:0 0 30px #d299224d,inset 0 0 20px #d299224d}.score-circle.low{border-color:var(--danger);box-shadow:0 0 30px var(--danger-glow), inset 0 0 20px var(--danger-glow);color:var(--danger)}.score-desc{color:#8b949e;font-size:1.1rem;font-weight:600}.details-panel{flex-direction:column;gap:1.5rem;display:flex}.section h3{color:#c9d1d9;margin-bottom:.5rem}.section p{color:#8b949e;line-height:1.6}.sources ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.sources a{color:var(--primary);text-decoration:none}.sources a:hover{text-decoration:underline}
