/* Modern responsive styles for DBZS.LT */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

:root {
    --primary:#ff6b00;
    --secondary:#198754;
    --dark:#0d1117;
    --light:#f8f9fa;
    --bg:#ffffff;
    --text:#212529;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    font-family:'Poppins',sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

a{color:var(--primary);text-decoration:none;}
a:hover{text-decoration:underline;}

header {
    background:var(--dark);
    color:var(--light);
    padding:1rem 0;
    text-align:center;
}

.container{width:90%;max-width:1200px;margin:0 auto;}

.btn{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    background:var(--primary);
    color:#fff;
    border:none;
    padding:.6rem 1.2rem;
    border-radius:4px;
    cursor:pointer;
    transition:background .2s ease;
}
.btn:hover{background:#e05f00;}

.card{
    background:#fff;
    border-radius:6px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
    padding:1rem;
    margin:.8rem 0;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1rem;
}

.stat-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-weight:600;
}

.stat-item .nr{
    font-size:1.25rem;
    color:var(--secondary);
}

@media (prefers-color-scheme:dark){
    body{background:#0d1117;color:#c9d1d9;}
    .card{background:#161b22;box-shadow:none;}
    header{background:#0d1117;color:#f8f9fa;}
}