.App{text-align:center;min-height:100vh;background-color:#f5f5f5}.App-header{padding:2rem;max-width:1200px;margin:0 auto}h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.input-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.url-input{width:100%;max-width:600px;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:4px;outline:none;transition:border-color .2s}.url-input:focus{border-color:#3498db}.analyze-button{padding:.75rem 1.5rem;font-size:1rem;background-color:#3498db;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.analyze-button:hover{background-color:#2980b9}.analyze-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.error{color:#e74c3c;margin:1rem 0;padding:1rem;background-color:#fde8e8;border-radius:4px}.results{background-color:white;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:left}.result-section{margin-bottom:2rem}.result-section h3{color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #eee}.issue{margin-bottom:1rem;padding:1rem;border-radius:4px;background-color:#e6e8ea}.issue.high{border-left:4px solid #e74c3c}.issue.medium{border-left:4px solid #f1c40f}.issue.low{border-left:4px solid #2ecc71}.recommendation{margin-top:.5rem;color:#7f8c8d;font-style:italic}ul{list-style:none;padding:0;margin:0}li{margin-bottom:.5rem}