*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body { 
    font-family: 'Cairo', sans-serif;
    background:#f4f6fb;
    margin:0;
}
.content {
    max-width:900px; 
    margin:0 auto; 
    background:#fff; 
    padding:24px; 
    border-radius:10px; 
    box-shadow:0 6px 18px rgba(20,20,40,0.06);
}
h1 { 
   margin-top:0; 
   color:#222;
   margin-bottom: 20px;
}
form {
    display:flex; 
    gap:8px; 
    align-items:center; 
    justify-content:center; 
    margin-bottom:14px;
}
.domain[type=text], 
.domain#domain{ 
    flex:1;
     padding:10px 12px; 
     border-radius:8px; 
     border:1px solid #d1d7e0; 
     font-size:16px; 
}
.submit { 
padding:10px 18px;
background:#0b6efd;
color:#fff;
border:none; 
border-radius:8px; 
cursor:pointer;
font-size:15px; }
.submit:hover {
     background:#095bd1; 
    }
.hidden { 
    display:none; 
}
#result {
     margin-top:18px;
     }
.table { width:100%; border-collapse:collapse; margin-top:12px; }
.table th, .table td { border:1px solid #e3e7ef; padding:10px; text-align:left; }
.table th { background:#0b6efd; color:#fff; }
.info { background:#eef7ff; padding:10px; border-radius:6px; margin-top:10px; color:#0b4ea2; }
.badge { display:inline-block; padding:6px 10px; border-radius:6px; font-weight:600; }
.safe { background:#28a745; color:#fff; }
.medium { background:#ffc107; color:#000; }
.weak { background:#dc3545; color:#fff; }
.gray { background:#6c757d; color:#fff; }
.small { font-size:13px; color:#666; margin-top:6px; }