.pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(120%);width:calc(100% - 40px);max-width:500px;background:linear-gradient(135deg,#b92027 0%,#8a1a1f 100%);color:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3);padding:1.25rem;z-index:10000;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);opacity:0;pointer-events:none}.pwa-install-banner.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:all}.pwa-install-content{display:flex;align-items:center;gap:1rem;position:relative}.pwa-install-icon{font-size:2rem;flex-shrink:0;opacity:0.9}.pwa-install-text{flex:1}.pwa-install-text strong{display:block;font-size:1.1rem;margin-bottom:0.25rem;font-weight:600}.pwa-install-text p{margin:0;font-size:0.9rem;opacity:0.9;line-height:1.4}.pwa-install-btn{background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);color:#fff;padding:0.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;backdrop-filter:blur(10px)}.pwa-install-btn:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);transform:translateY(-2px)}.pwa-install-btn:active{transform:translateY(0)}.pwa-install-close{position:absolute;top:0.5rem;right:0.5rem;background:rgba(255,255,255,0.2);border:none;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(10px)}.pwa-install-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg)}@media (max-width:768px){.pwa-install-banner{bottom:10px;width:calc(100% - 20px);padding:1rem}.pwa-install-content{flex-direction:column;text-align:center}.pwa-install-btn{width:100%;margin-top:0.5rem}}body.dark-mode .pwa-install-banner,[data-theme="dark"] .pwa-install-banner{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:1px solid rgba(255,255,255,0.1)}