/* Soft, subtle dot grid background for login page (easy on eyes) */
.login-bg {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: 0;
    background-color: var(--bg);
    background-image: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="3" fill="%23c7d2fe" fill-opacity="0.15"/></svg>');
    background-repeat: repeat;
    background-size: 40px 40px;
    overflow: hidden;
}
.login-blur {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: 1;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,0.10);
}
.main-content {
    position: relative;
    z-index: 2;
}