/* ===================================
   Portal Internal HBM v2.0 - Responsive
   =================================== */

/* Tablet & Smaller */
@media (max-width: 1024px) {
    :root {
        --space-2xl: 2.5rem;
    }
    
    .hero-title { font-size: 3rem; }
}

/* Mobile Devices */
@media (max-width: 768px) {
    :root {
        --space-xl: 1.5rem;
        --space-2xl: 2rem;
    }

    .hero-section { padding: var(--space-xl) 0; }
    .hero-title { font-size: 2.25rem; }
    .hero-subtitle { font-size: 1rem; }

    .grid-cols-1 { grid-template-columns: 1fr; }
    
    .nav-menu {
        display: none; /* Mobile menu logic in JS */
    }

    .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .container {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
    
    .hero-title { font-size: 1.75rem; }
    
    .app-icon {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }
}