.notyf { 
     border-radius: var(--main-radius) 0 0 var(--main-radius); 
     position: relative; 
     overflow: hidden; 
     backdrop-filter: blur(8px); 
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); 
     transition: all 0.3s ease 
 } 
 
 .notyf:hover { 
     transform: translateY(-2px); 
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2) 
 } 
 
 @keyframes ripple { 
     0% { 
         background-position: 0% 50%; 
         box-shadow: 0 0 25px rgba(255, 255, 255, 0.4) 
     } 
 
     50% { 
         background-position: 100% 50%; 
         box-shadow: 0 0 40px rgba(255, 255, 255, 0.5) 
     } 
 
     100% { 
         background-position: 0% 50%; 
         box-shadow: 0 0 25px rgba(255, 255, 255, 0.4) 
     } 
 } 
 
 @keyframes shine { 
     0% { 
         transform: translateX(-100%) translateY(-100%) rotate(25deg); 
         opacity: 0 
     } 
 
     25% { 
         opacity: 0.5 
     } 
 
     75% { 
         opacity: 0.5 
     } 
 
     100% { 
         transform: translateX(100%) translateY(100%) rotate(25deg); 
         opacity: 0 
     } 
 } 
 
 .notyf:after { 
     content: ''; 
     position: absolute; 
     top: -50%; 
     left: -50%; 
     width: 200%; 
     height: 200%; 
     background: linear-gradient(75deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%); 
     animation: shine 1.2s ease-in-out infinite 
 } 
 
 .notyf.success { 
     background: linear-gradient(135deg, rgba(24, 190, 157, 0.95), rgba(46, 204, 170, 1), rgba(24, 190, 157, 0.95)) !important; 
     background-size: 300% 300% !important; 
     animation: ripple 1.2s ease-in-out infinite !important; 
     border: 1px solid rgba(255, 255, 255, 0.3) 
 } 
 
 .notyf.info { 
     background: linear-gradient(135deg, rgba(45, 152, 218, 0.95), rgba(86, 173, 225, 1), rgba(45, 152, 218, 0.95)) !important; 
     background-size: 300% 300% !important; 
     animation: ripple 1.2s ease-in-out infinite !important; 
     border: 1px solid rgba(255, 255, 255, 0.3) 
 } 
 
 .notyf.load { 
     background: linear-gradient(135deg, rgba(255, 145, 0, 0.95), rgba(255, 179, 0, 1), rgba(255, 145, 0, 0.95)) !important; 
     background-size: 300% 300% !important; 
     animation: ripple 1.2s ease-in-out infinite !important; 
     border: 1px solid rgba(255, 255, 255, 0.3) 
 } 
 
 .notyf.warning { 
     background: linear-gradient(135deg, rgba(246, 185, 59, 0.95), rgba(255, 177, 66, 1), rgba(246, 185, 59, 0.95)) !important; 
     background-size: 300% 300% !important; 
     animation: ripple 1.2s ease-in-out infinite !important; 
     border: 1px solid rgba(255, 255, 255, 0.3) 
 } 
 
 .notyf.danger { 
     background: linear-gradient(135deg, rgba(234, 84, 85, 0.95), rgba(255, 107, 107, 1), rgba(234, 84, 85, 0.95)) !important; 
     background-size: 300% 300% !important; 
     animation: ripple 1.2s ease-in-out infinite !important; 
     border: 1px solid rgba(255, 255, 255, 0.3) 
 }