/* --------- TEMA DE NATAL --------- */
        body {
            /* fundo azul noite com “vignette” */
            background: radial-gradient(1200px 700px at 50% -100px, #113b68 0%, #0a2a4a 40%, #051e38 100%) !important;
        }
        /* neve suave com floco PNG */
        .xmas-snow span{
            position: fixed;
            top: -40px; /* um pouco mais pra cima, pq o floco é maior */
            /* NÃO arredonda mais, queremos o formato do PNG */
            border-radius: 0;
            
            /* usa o PNG do floco */
            background-image: url('/assets/media/img/natal/floco_neve.png'); /* <-- caminho da sua imagem */
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; /* encaixa o PNG dentro do width/height */

            opacity: .95;
            filter: drop-shadow(0 0 4px rgba(255,255,255,.6));
            animation-name: xmas-fall;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            z-index: 1;
        }

        @keyframes xmas-fall{
            0%   { transform: translate3d(0,-10px,0) rotate(0deg);   opacity:.9;}
            100% { transform: translate3d(var(--drift, 20px), 110vh,0) rotate(360deg); opacity:.95;}
        }

        /* cartão do login “glass” */
        .login-form{
            background: rgba(255,255,255,.09);
            backdrop-filter: blur(6px);
            border: 1px solid rgba(255,255,255,.18);
            box-shadow: 0 10px 25px rgba(0,0,0,.45);
            border-radius: 14px;
            position: relative;
            z-index: 2;
        }

        /* guirlanda no topo do card (barra decorativa) */
        .login-form:before{
            content:"";
            position:absolute; left:0; top:0; right:0; height:8px;
            background:
                linear-gradient(90deg,
                    #d62828 0 14%, #2a9d8f 0 28%, #e9c46a 0 42%,
                    #d62828 0 56%, #2a9d8f 0 70%, #e9c46a 0 84%, #d62828 0 100%);
            border-top-left-radius:14px; border-top-right-radius:14px;
        }

        /* título e campos mais claros no tema escuro */
        .content-group-lg small, .help-block, .footer.text-muted { color: #cfe6ff !important; }
        .form-control{ background: rgba(255,255,255,.95); }

        /* botão natalino */
        .btn-xmas{
            background: linear-gradient(135deg,#e63946 0%, #2a9d8f 100%);
            color:#fff; border:0;
            box-shadow: 0 6px 14px rgba(0,0,0,.35);
        }
        .btn-xmas:hover{ filter: brightness(1.05); }

        /* detalhe do botão: floco */
        .btn-xmas .flake{
            margin-left:6px; font-weight:700;
        }

        /* rodapé discreto */
        .footer{ z-index:2; position: relative; }

        /* opcional: halo no logo */
        .brand-halo{
            display:inline-block; padding:10px; border-radius:50%;
            background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.25), rgba(255,255,255,0) 60%);
        }