.dw-ssl-wrapper { max-width:1100px; margin:auto; padding:60px 20px; }
.dw-ssl-card { background:#fff; padding:40px; border-radius:20px; box-shadow:0 25px 70px rgba(0,0,0,0.08); transition:.3s; }
.dw-ssl-card:hover { transform:translateY(-6px); }

/* ==========================================
   🌟 UPGRADED PRO HEADER STYLES
   ========================================== */
.dw-ssl-header {
    text-align: center; /* Ekdum center mein layega */
    margin-bottom: 45px;
}

/* Premium Badge/Pill Style */
.dw-badge {
    background: #eff6ff;
    color: #2563eb;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    border: 1px solid #bfdbfe;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.05);
}

/* Main Heading Title */
.dw-ssl-header h2 {
    font-size: 38px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px 0;
    letter-spacing: -1px;
}

/* Heading mein 'SSL Checker' ko Blue Gradient effect dena */
.dw-ssl-header h2 span {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Subtitle */
.dw-ssl-header p {
    color: #64748b;
    font-size: 16px;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Mobile Devices Ke Liye Adjustments */
@media(max-width: 600px) {
    .dw-ssl-header h2 { font-size: 28px; }
    .dw-ssl-header { margin-bottom: 30px; }
}

/* SEARCH */
.dw-ssl-search { display:flex; gap:10px; margin-top:20px; }
.dw-ssl-search input { flex:1; padding:12px; border-radius:10px; border:1px solid #ddd; }
.dw-ssl-search button { background:linear-gradient(135deg,#2563eb,#4f46e5); color:#fff; border:none; padding:12px 20px; border-radius:10px; cursor:pointer; font-weight: bold;}

/* LOADER */
.dw-loader { margin-top:20px; font-weight:600; color:#2563eb; text-align: center; }

/* STATUS */
.dw-ssl-status { padding:12px; border-radius:10px; font-weight:700; margin-top:20px; text-align: center; }
.secure { background:#dcfce7; color:#16a34a; }
.warning { background:#fef08a; color:#a16207; }
.not-secure { background:#fee2e2; color:#dc2626; }

/* GRID */
.dw-ssl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:20px; }
.dw-ssl-box { background:#f8fafc; padding:15px; border-radius:12px; text-align:center; transition:.3s; }
.dw-ssl-box:hover { transform:translateY(-5px); }

/* BULLETPROOF RESPONSIVE */
@media(max-width:1024px) { .dw-ssl-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:768px) { .dw-ssl-search { flex-direction:column; } .dw-ssl-search button { width:100%; } }
@media(max-width:480px) { .dw-ssl-grid { grid-template-columns:1fr; } .dw-ssl-card { padding:25px; } .dw-ssl-header h2 { font-size:24px; } }