/* public/styles/main.css */

/* Global Reset & Base */
body { font-family: 'Inter', sans-serif; }

/* The Glassmorphism effect you use everywhere */
.glass { 
    background: rgba(255, 255, 255, 0.8); 
    backdrop-filter: blur(10px); 
}

/* Reserved height to prevent "FOUC" (Flash of Unstyled Content) */
#nav-placeholder {
    min-height: 64px; 
    width: 100%;
}

/* Error box specific styles */
.error-box {
    max-width: 500px;
    margin: 4rem auto;
    padding: 2rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    text-align: center;
}