.pwa-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);width:90%;max-width:500px;background:rgba(26,35,126,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,0.3);border-radius:12px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:999999;font-family:'Segoe UI',Roboto,sans-serif;opacity:0;transition:all 0.5s cubic-bezier(0.2,0.8,0.2,1)}.pwa-banner.show{transform:translateX(-50%) translateY(0);opacity:1}.pwa-banner-content{display:flex;align-items:center;gap:15px}.pwa-icon{width:45px;height:45px;background:rgba(212,175,55,0.15);color:#d4af37;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.pwa-text h4{margin:0 0 3px 0;color:#ffffff;font-size:1rem;font-weight:700}.pwa-text p{margin:0;color:#b0bec5;font-size:0.8rem;line-height:1.3}.pwa-actions{display:flex;align-items:center;gap:10px}.pwa-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:0.2s}.pwa-btn.install{background:#d4af37;color:#1a237e;padding:8px 16px;font-size:0.9rem}.pwa-btn.install:hover{background:#f1c40f}.pwa-btn.close{background:transparent;color:rgba(255,255,255,0.5);padding:8px;font-size:1.2rem}.pwa-btn.close:hover{color:#ffffff}@media (max-width:480px){.pwa-banner{width:95%;bottom:10px;padding:12px 15px}.pwa-icon{display:none}.pwa-text h4{font-size:0.95rem}.pwa-text p{font-size:0.75rem}.pwa-btn.install{padding:8px 12px;font-size:0.85rem}}