.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease}.notification-modal{background:var(--bg-card,#1e1e1e);border-radius:20px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative;animation:slideUpBounce .4s cubic-bezier(.68,-.55,.265,1.55);text-align:center}@keyframes slideUpBounce{0%{transform:translateY(100px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.notification-icon{font-size:64px;margin-bottom:16px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-content{margin-bottom:24px}.notification-title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-white,#fff)}.notification-message{font-size:16px;color:var(--text-gray,#a0a0a0);line-height:1.5}.notification-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:var(--text-white,#fff);font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notification-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.notification-button{width:100%;padding:14px 32px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.notification-success .notification-icon{color:#00ff88}.notification-success .notification-button{background:linear-gradient(135deg,#00ff88,#00cc6a);color:#1a1a1a}.notification-success .notification-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,136,.3)}.notification-error .notification-icon{color:#ff4757}.notification-error .notification-button{background:linear-gradient(135deg,#ff4757,#ff3742);color:white}.notification-error .notification-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,71,87,.3)}.notification-info .notification-icon{color:#8b5cf6}.notification-info .notification-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white}.notification-info .notification-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.3)}@media (max-width:768px){.notification-modal{padding:24px;max-width:90%}.notification-icon{font-size:48px}.notification-title{font-size:20px}.notification-message{font-size:14px}}