body { 
    background-color: #050505; 
    color: white; 
    font-family: 'Inter', sans-serif; 
    margin: 0;
    overflow-x: hidden; 
}

canvas { 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: -1; 
    width: 100vw !important; 
    height: 100vh !important; 
}

.glass { 
    background: rgba(255, 255, 255, 0.02); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05); 
}

/* Mobile Responsive Grid */
@media (max-width: 768px) {
    h1 { font-size: 3.5rem !important; }
    nav { padding: 1.5rem !important; }
    main { padding-top: 8rem !important; }
}

.glow:hover { 
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.05); 
    border-color: rgba(255, 255, 255, 0.2); 
}

.status-pulse { animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }