body {
    background: linear-gradient(180deg,#f8f9fa,#eef1f4);
}

.hero {
    background: linear-gradient(135deg,#212529,#343a40);
    color:#fff;
    padding:60px 20px;
    text-align:center; 
}

.site-card {
    border:0;
    border-radius:14px;
    transition:.2s;
}

.site-card:hover {
    transform: translateY(-4px);
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.badge-new {
    background:#ff4757;
}

.badge-online {
    background:#2ed573;
}

.badge-offline {
    background:#adb5bd;
}

.site-url {
    font-size:13px;
    color:#6c757d;
    word-break:break-all;
}

.stats-box {
    background:#fff;
    border-radius:14px;
    padding:20px;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
}