body{margin:0}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#2c3e50;color:#fff;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.header h1{font-size:1.8rem;font-weight:600;text-align:center}.header p{text-align:center;margin-top:.5rem;opacity:.9;font-size:.95rem}.container{max-width:1200px;margin:0 auto;padding:2rem;flex:1}.url-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.form-group{display:flex;gap:1rem;margin-bottom:1rem}.form-group input{flex:1;padding:.75rem 1rem;font-size:1rem;border:2px solid #e1e4e8;border-radius:6px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#3498db}.form-group button{padding:.75rem 2rem;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;font-weight:500}.form-group button:hover:not(:disabled){background-color:#2980b9}.form-group button:disabled{background-color:#95a5a6;cursor:not-allowed}.loading{text-align:center;padding:3rem}.loading-spinner{display:inline-block;width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:6px;margin-bottom:2rem}.results{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.score-section{text-align:center;margin-bottom:3rem}.score-circle{display:inline-block;width:150px;height:150px;border-radius:50%;background:conic-gradient(#3498db 0deg,#3498db var(--score),#e1e4e8 var(--score));position:relative;margin:1rem auto}.score-circle:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:#fff;border-radius:50%}.score-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#2c3e50}.score-label{font-size:1.2rem;color:#666;margin-top:1rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#f8f9fa;padding:1.5rem;border-radius:6px;text-align:center}.metric-value{font-size:2rem;font-weight:700;color:#2c3e50}.metric-label{font-size:.9rem;color:#666;margin-top:.5rem}.section{margin-bottom:2rem}.section h3{font-size:1.3rem;margin-bottom:1rem;color:#2c3e50;border-bottom:2px solid #e1e4e8;padding-bottom:.5rem}.recommendation{background:#f8f9fa;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #3498db}.recommendation.critical{border-left-color:#e74c3c;background-color:#fee}.recommendation.warning{border-left-color:#f39c12;background-color:#fff8e6}.recommendation h4{font-size:1rem;margin-bottom:.5rem;color:#2c3e50}.recommendation p{font-size:.9rem;color:#666}.tags{display:flex;gap:.5rem;margin-top:.5rem}.tag{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;background:#e1e4e8;color:#666}.tag.high{background:#fce4e4;color:#c33}.tag.medium{background:#fff3cd;color:#856404}.tag.low{background:#d4edda;color:#155724}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.detail-card{background:#f8f9fa;padding:1rem;border-radius:6px}.detail-card h4{font-size:.95rem;margin-bottom:.5rem;color:#2c3e50}.detail-card ul{list-style:none;padding:0}.detail-card li{padding:.25rem 0;font-size:.9rem;color:#666}.detail-card li:before{content:"• ";color:#3498db;font-weight:700}@media (max-width: 768px){.container{padding:1rem}.form-group{flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}}