.pwa-install-banner{position:fixed;z-index:1002;background:linear-gradient(135deg,#e02727,#ff4757 50%,#e02727);color:#fff;box-shadow:0 8px 32px rgba(224,39,39,.3),0 4px 16px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:16px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);bottom:70px;animation:slideInBanner .6s ease-out;cursor:pointer;overflow:hidden}.pwa-install-banner.logged-out{bottom:10px}.pwa-install-banner:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px rgba(224,39,39,.4),0 6px 20px rgba(0,0,0,.15);background:linear-gradient(135deg,#ff3d3d,#ff6b7a 50%,#ff3d3d)}.pwa-install-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pwa-install-banner:hover:before{left:100%}.pwa-install-banner-button{position:relative;overflow:hidden}.pwa-install-banner-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(224,39,39,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pwa-install-banner-button:active:after{width:300px;height:300px}@media (min-width:768px){.pwa-install-banner{width:370px;left:auto;right:32px;bottom:10px;border-radius:10px}.pwa-install-banner-button{justify-content:center}}.pwa-install-banner-icon{width:42px;height:42px;border-radius:12px;margin-right:12px;background:rgba(255,255,255,.9);padding:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;animation:iconBounce 2s ease-in-out infinite}.pwa-install-banner:hover .pwa-install-banner-icon{transform:rotate(5deg) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.2)}.pwa-install-banner-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.pwa-install-banner-title{font-weight:700;font-size:20px;margin-bottom:5px;line-height:1.2}.pwa-install-banner-message{font-size:12px;opacity:.95;margin-bottom:0;line-height:1.3}.pwa-install-banner-button{background:linear-gradient(135deg,#fff,#f8f9fa);color:#e02727;border:2px solid rgba(224,39,39,.1);border-radius:12px;padding:8px 24px;font-weight:600;font-size:13px;margin-top:10px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(224,39,39,.15),inset 0 1px 0 rgba(255,255,255,.8);transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;animation:buttonPulse 3s ease-in-out infinite}.pwa-install-banner-button:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-1px);box-shadow:0 6px 20px rgba(224,39,39,.25),inset 0 1px 0 rgba(255,255,255,.9);border-color:rgba(224,39,39,.2)}.pwa-install-banner-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(224,39,39,.2),inset 0 1px 0 rgba(255,255,255,.7)}.pwa-install-banner-button:disabled{opacity:.7;cursor:not-allowed;transform:none;animation:none}.pwa-install-banner-button:disabled:hover{background:linear-gradient(135deg,#fff,#f8f9fa);transform:none;box-shadow:0 4px 12px rgba(224,39,39,.15),inset 0 1px 0 rgba(255,255,255,.8)}.pwa-install-banner-close{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:18px;cursor:pointer;margin-left:8px;align-self:flex-start;line-height:1;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(10px)}.pwa-install-banner-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg) scale(1.1);border-color:rgba(255,255,255,.3)}.pwa-install-banner-hide{opacity:0;transform:translateY(30px)}@media (max-width:768px){.pwa-install-banner{margin:0 8px;width:calc(100% - 16px);padding:12px 14px}.pwa-install-banner-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;flex:1 1 auto;min-width:0}.pwa-install-banner-button{font-size:11px;padding:7px 14px;margin-top:0;white-space:nowrap;grid-column:2;grid-row:1/span 2;text-transform:none;letter-spacing:.3px}.pwa-install-banner-title{font-size:13px;margin-bottom:1px}.pwa-install-banner-message{font-size:10px;margin-top:1px;line-height:1.3;opacity:.9}.pwa-install-banner-icon{width:36px;height:36px;margin-right:10px}.pwa-install-banner-close{width:28px;height:28px;font-size:16px;margin-left:6px}}@keyframes slideInBanner{0%{opacity:0;transform:translateY(100%) scale(.8)}50%{opacity:.8;transform:translateY(-10%) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes buttonPulse{0%,to{box-shadow:0 4px 12px rgba(224,39,39,.15),inset 0 1px 0 rgba(255,255,255,.8)}50%{box-shadow:0 6px 16px rgba(224,39,39,.25),inset 0 1px 0 rgba(255,255,255,.9)}}@media (prefers-reduced-motion:reduce){.pwa-install-banner,.pwa-install-banner-button,.pwa-install-banner-close,.pwa-install-banner-icon{animation:none;transition:none}}.pwa-install-banner-button:focus,.pwa-install-banner-close:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}