@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#020617;color:#fff;line-height:1.6}.app{min-height:100vh;padding:2rem 1rem}.container{max-width:64rem;margin:0 auto}.header{text-align:center;margin-bottom:3rem}.header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.header-icon{padding:.75rem;background:#2563eb;border-radius:.5rem;color:#fff;display:flex;align-items:center;justify-content:center}.header h1{font-size:2.5rem;font-weight:700;color:#fff}.header-description{font-size:1.25rem;color:#9ca3af;max-width:32rem;margin:0 auto}.main-card{background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:2rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.card-header svg{color:#60a5fa}.card-header h2{font-size:1.5rem;font-weight:600;color:#fff}.input-section{margin-bottom:2rem}.input-section label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.75rem}.url-input{width:100%;padding:.75rem 1rem;background:#334155;border:1px solid #475569;border-radius:.5rem;color:#fff;font-size:1rem;transition:all .15s ease}.url-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.url-input::-moz-placeholder{color:#9ca3af}.url-input::placeholder{color:#9ca3af}.loading{text-align:center;padding:2rem}.spinner{width:2rem;height:2rem;border:4px solid #334155;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#9ca3af}.results{display:flex;flex-direction:column;gap:2rem}.score-card{background:#334155;border:1px solid #475569;border-radius:.5rem;padding:1.5rem}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-header h3{font-size:1.125rem;font-weight:600;color:#fff}.score{font-size:1.5rem;font-weight:700;color:#fff}.progress-bar{width:100%;height:.75rem;background:#475569;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width .5s ease}.progress-fill.safe{background:#10b981}.progress-fill.low{background:#f59e0b}.progress-fill.medium{background:#f97316}.progress-fill.high{background:#ef4444}.risk-card{border-radius:.5rem;padding:1.5rem;border:1px solid}.risk-card.safe{background:#10b9811a;border-color:#10b9814d;color:#10b981}.risk-card.low{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.risk-card.medium{background:#f973161a;border-color:#f973164d;color:#f97316}.risk-card.high{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.risk-content{display:flex;justify-content:space-between;align-items:center}.risk-info{display:flex;align-items:center;gap:.75rem}.risk-info h3{font-weight:600;margin-bottom:.25rem}.risk-info p{font-size:.875rem;opacity:.8;text-transform:capitalize}.risk-badge{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;background:#fff3}.issues-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1.5rem}.issues-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#ef4444}.issues-header h3{font-weight:600}.issues-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.issues-list li{display:flex;align-items:flex-start;gap:.5rem;color:#fca5a5;font-size:.875rem}.issue-bullet{width:.375rem;height:.375rem;background:#ef4444;border-radius:50%;margin-top:.5rem;flex-shrink:0}.details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.details-grid{grid-template-columns:1fr 1fr}}.details-card{background:#334155;border:1px solid #475569;border-radius:.5rem;padding:1.5rem}.details-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.details-header svg{color:#60a5fa}.details-header h3{font-weight:600;color:#fff}.details-content{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row span:first-child{color:#9ca3af}.detail-row code{font-family:JetBrains Mono,monospace;background:#475569;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;color:#fff}.protocol-info{display:flex;align-items:center;gap:.5rem}.secure{color:#10b981}.insecure{color:#ef4444}.recommendations-card{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;padding:1.5rem}.recommendations-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#60a5fa}.recommendations-header h3{font-weight:600}.recommendations-content{display:flex;flex-direction:column;gap:1.5rem}.recommendation{font-weight:500;padding:.75rem;border-radius:.5rem}.recommendation.safe{background:#10b9811a;color:#10b981}.recommendation.low{background:#f59e0b1a;color:#f59e0b}.recommendation.medium{background:#f973161a;color:#f97316}.recommendation.high{background:#ef44441a;color:#ef4444}.tips-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.tips-grid{grid-template-columns:1fr 1fr}}.tips-section h4{font-weight:600;color:#60a5fa;margin-bottom:.5rem}.tips-section ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}.tips-section li{color:#93c5fd;font-size:.875rem}.tips-section li:before{content:"• ";color:#60a5fa;margin-right:.5rem}@media (max-width: 768px){.app{padding:1rem .5rem}.main-card{padding:1.5rem}.header h1{font-size:2rem}.header-description{font-size:1.125rem}.header-content{flex-direction:column;gap:.75rem}}