.notification-banner{z-index:10000;-webkit-backdrop-filter:blur(16px);color:#f8fafc;background:#0f172aeb;border:1px solid #10b98159;border-radius:16px;align-items:flex-start;gap:14px;width:calc(100vw - 56px);max-width:420px;padding:16px 18px;display:flex;position:fixed;top:28px;right:28px;overflow:hidden;box-shadow:0 20px 40px -15px #00000080,0 0 30px #10b98140}.notification-banner__glow{pointer-events:none;background:radial-gradient(circle at 100% 0,#10b98126,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.notification-banner__icon{color:#10b981;background:#10b98126;border:1px solid #10b98166;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notification-banner__content{flex:1}.notification-banner__title{color:#fff;letter-spacing:-.01em;margin:0 0 4px;font-size:.95rem;font-weight:600}.notification-banner__message{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.45}.notification-banner__close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.notification-banner__close:hover{color:#f1f5f9;background:#ffffff1a}.notification-banner__progress{transform-origin:0;background:linear-gradient(90deg,#10b981,#34d399);height:3px;position:absolute;bottom:0;left:0;right:0}@media (width<=480px){.notification-banner{width:auto;max-width:none;top:16px;left:16px;right:16px}}