:root { --bg-overlay: rgba(0,0,0,.55); }
        html,body{height:100%;}
        /* .bg-cover{
            background:url("https://picsum.photos/1920/1080?random=1") center/cover no-repeat fixed;
            position:fixed; inset:0; z-index:-1;
        }
        .bg-cover::after{
            content:''; position:absolute; inset:0; background:var(--bg-overlay);
        } */
         a{
            color:#333;
         }
        .glass{
            background:rgba(255,255,255,.08);
            backdrop-filter:blur(12px);
            border:1px solid rgba(255,255,255,.15);
            border-radius:1rem;
        }
        .btn-glow{
            position:relative; overflow:hidden;
            transition:.3s;
        }
        .btn-glow:hover{
            box-shadow:0 0 20px rgba(255,255,255,.25);
            transform:translateY(-2px);
        }
        .nav-pills .nav-link.active{
            background:#ff006e;
        }
       
        .bg-slider,
        .bg-slider::after{
            position:fixed; inset:0; z-index:-2;
            background-size:cover; background-position:center; background-repeat:no-repeat;
        }
        .bg-slider::after{
            content:'';
            background:rgba(0,0,0,.55);
            z-index:-1;
        }
        .bg-slider .slide{
            position:absolute; inset:0;
            opacity:0;
            transition:opacity 1.2s ease-in-out;
            background-size: cover;
        }
        .bg-slider .slide.active{
            opacity:1;
            background-size: cover;
        }
        #logo{
            max-width: 250px;
        }

        .login-form{
            position: fixed;
            top: 10px;
            max-width: 280px;
             background:rgba(255,255,255,.18);
            color:#333;
        }