.footer{
    background:linear-gradient(135deg,#0b1d35,#081423);
    color:#e6edf7;
    padding-top:35px;
    padding-bottom:20px;
    font-family:'Poppins',sans-serif;
    }
    
    .footer-container{
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:30px;
    padding:0 60px 20px 60px;
    align-items:center;
    }
    
    /* LEFT */
    
    .footer-left{
    flex:1;
    min-width:400px;
    }

    .footer-info p{
    margin:12px 0;
    font-size:14px;
    line-height:1.7;
    }
    
    .footer-info i{
    margin-right:10px;
    color:#4aa3ff;
    font-size:15px;
    }
    
    /* SOCIAL */
    
    .footer-social{
    margin-top:25px;
    display:flex;
    gap:15px;
    }
    
    .footer-social a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,0.07);
    color:white;
    font-size:16px;
    transition:0.3s;
    }
    
    .footer-social a:hover{
    background:#2563eb;
    transform:translateY(-4px);
    }
    
    /* MAP */
    
    .footer-map{
        flex:1.3;
        min-width:500px;
        }
    
    .footer-map iframe{
    width:100%;
    height:250px;
    border:0;
    border-radius:10px;
    box-shadow:0 15px 30px rgba(0,0,0,0.35);
    }
    .footer-item{
        display:flex;
        align-items:flex-start;
        gap:12px;
        margin:18px 0;
        }
        
        .footer-item span{
        line-height:1.8;
        }
    /* BOTTOM */
    
    .footer-bottom{
        position:relative;
        text-align:center;
        padding:14px 0;
        color:#9fb0cc;
        font-size:12px;
        border-top:1px solid rgba(255,255,255,0.08);
        margin-top:25px;
        }
    .admin-footer{
    position:absolute;
    right:40px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(255,255,255,0.4);
    font-size:22px;
    transition:0.3s;
    }
    
    .admin-footer:hover{
    color:white;
    }

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .footer-container {
        flex-direction: column;
        padding: 0 20px 40px;
        text-align: center;
    }

    .footer-left {
        min-width: 100%;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-map {
        min-width: 100%;
        margin-top: 10px;
    }

    .footer-item {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .footer { padding-top: 25px; }
    .footer-info p { font-size: 13px; }
    .footer-bottom { 
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 15px 10px;
    }
    .admin-footer {
        position: static;
        transform: none;
        margin-top: 10px;
        display: block;
        font-size: 18px;
    }
}