/* Responsive Design */
@media (max-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 960px;
    }
    
    .navbar-brand span {
        display: none;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 720px;
    }
    
    .hero-content h1 {
        font-size: 2.5rem;
    }
    
    .wallet-summary h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 540px;
        padding: 0 15px;
    }
    
    .btn {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
    
    .form-control, .form-select {
        padding: 10px 12px;
    }
}

/* Mobile Menu */
@media (max-width: 768px) {
    .navbar-collapse {
        background: rgba(31, 41, 55, 0.95);
        backdrop-filter: blur(10px);
        padding: 20px;
        border-radius: 0 0 10px 10px;
        margin-top: 10px;
    }
    
    .wallet-balance {
        display: none;
    }
}

/* Tablet Landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .hero-section {
        padding: 60px 0;
    }
    
    .service-card {
        margin-bottom: 20px;
    }
}

/* Print Styles */
@media print {
    .navbar, .footer, .notification-marquee {
        display: none !important;
    }
    
    body {
        background: white !important;
        color: black !important;
    }
    
    .card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}