/* ==========================================
   STATIC PAGES CSS
   (Privacy, About, Contact, Terms etc.)
========================================== */

.static-page{
    background:#f4f6f9;
    color:#444;
    padding-bottom:50px;
}

/* ==========================================
   HERO SECTION
========================================== */

.static-page .hero-section{
    background:linear-gradient(
        135deg,
        #111827,
        #1f2937,
        #0f172a
    );
    color:#ffffff;
    padding:80px 30px;
    text-align:center;
    border-radius:25px;
    margin-top:40px;
    margin-bottom:35px;
    box-shadow:0 15px 40px rgba(0,0,0,0.25);
}

.static-page .hero-section h1{
    font-size:46px;
    font-weight:800;
    margin-bottom:15px;
    letter-spacing:-1px;
}

.static-page .hero-section p{
    font-size:18px;
    color:rgba(255,255,255,0.85);
    max-width:850px;
    margin:auto;
    line-height:1.8;
}

/* ==========================================
   CONTENT CARD
========================================== */

.static-page .page-card{
    background:#ffffff;
    border-radius:25px;
    padding:55px;
    border:1px solid #e9ecef;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    margin-bottom:50px;
}

.static-page .page-card h2{
    color:#0d6efd;
    font-size:30px;
    font-weight:700;
    margin-top:40px;
    margin-bottom:18px;
}

.static-page .page-card h3{
    color:#212529;
    font-size:24px;
    font-weight:700;
    margin-top:30px;
    margin-bottom:15px;
}

.static-page .page-card p{
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
}

.static-page .page-card ul,
.static-page .page-card ol{
    padding-left:25px;
    margin-bottom:25px;
}

.static-page .page-card li{
    color:#555;
    line-height:1.8;
    margin-bottom:10px;
}

.static-page .page-card strong{
    color:#222;
}

.static-page .page-card hr{
    margin:30px 0;
    border-color:#e9ecef;
}

/* ==========================================
   LAST UPDATED BADGE
========================================== */

.static-page .last-updated{
    background:#eef4ff;
    color:#0d6efd;
    border:1px solid #d6e4ff;
    padding:12px 22px;
    border-radius:10px;
    display:inline-block;
    margin-bottom:30px;
    font-weight:600;
}

/* ==========================================
   INFO BOXES
========================================== */

.static-page .info-box{
    background:#f8f9fa;
    border-left:5px solid #0d6efd;
    padding:20px;
    border-radius:12px;
    margin:25px 0;
}

.static-page .warning-box{
    background:#fff8e1;
    border-left:5px solid #ffc107;
    padding:20px;
    border-radius:12px;
    margin:25px 0;
}

.static-page .success-box{
    background:#f0fff4;
    border-left:5px solid #198754;
    padding:20px;
    border-radius:12px;
    margin:25px 0;
}

/* ==========================================
   LINKS
========================================== */

.static-page a{
    color:#0d6efd;
    text-decoration:none;
}

.static-page a:hover{
    color:#084298;
    text-decoration:underline;
}

/* ==========================================
   CONTACT PAGE
========================================== */

.static-page .contact-card{
    background:#ffffff;
    border:1px solid #e9ecef;
    border-radius:20px;
    padding:30px;
    text-align:center;
    transition:all .3s ease;
    height:100%;
}

.static-page .contact-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.static-page .contact-card i{
    font-size:42px;
    color:#0d6efd;
    margin-bottom:15px;
}

.static-page .contact-card h4{
    margin-bottom:15px;
    color:#212529;
}

.static-page .contact-card p{
    margin-bottom:0;
}

/* ==========================================
   TEAM CARDS (ABOUT PAGE)
========================================== */

.static-page .team-card{
    background:#ffffff;
    border:1px solid #e9ecef;
    border-radius:20px;
    padding:30px;
    text-align:center;
    transition:all .3s ease;
}

.static-page .team-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.static-page .team-card img{
    width:120px;
    height:120px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:20px;
}

.static-page .team-card h4{
    margin-bottom:10px;
}

.static-page .team-card p{
    margin-bottom:0;
}

/* ==========================================
   BUTTONS
========================================== */

.static-page .btn{
    border-radius:12px;
    padding:12px 25px;
    font-weight:600;
}

/* ==========================================
   TABLES
========================================== */

.static-page table{
    width:100%;
    margin-top:20px;
}

.static-page table th{
    background:#f8f9fa;
}

.static-page table th,
.static-page table td{
    padding:15px;
    border:1px solid #e9ecef;
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

    .static-page .hero-section{
        padding:60px 20px;
        border-radius:20px;
    }

    .static-page .hero-section h1{
        font-size:32px;
    }

    .static-page .hero-section p{
        font-size:16px;
    }

    .static-page .page-card{
        padding:25px;
        border-radius:20px;
    }

    .static-page .page-card h2{
        font-size:24px;
    }

    .static-page .page-card h3{
        font-size:20px;
    }

}