/* Tablet */
@media (max-width: 1024px) {
    .hero-huge { font-size: 4.5rem; }
    .skills-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .decor-switch { width: 400px; left: -50px; }
    .decor-server { width: 200px; right: -20px; }
}

/* Mobile */
@media (max-width: 768px) {
    .navbar { padding: 1.5rem 2rem; flex-direction: column; gap: 1.5rem; }
    .container { padding: 0 2rem; }
    .hero-huge { font-size: 3rem; }
    .hero-large { font-size: 1.8rem; }
    .skills-grid { grid-template-columns: 1fr; }
    .hero-cta { flex-direction: column; }
    .btn { text-align: center; }
    .decor-switch, .decor-server { display: none; }
}