.pwa-install-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#667eea,#764ba2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #667eea66;border-bottom:1px solid rgba(255,255,255,.2);transform:translateY(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.pwa-install-banner.pwa-install-visible{transform:translateY(0);opacity:1}.pwa-install-banner.pwa-install-hiding{transform:translateY(-100%);opacity:0}.pwa-install-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1200px;margin:0 auto;gap:1rem}.pwa-install-icon{flex-shrink:0;width:48px;height:48px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;animation:pwa-install-pulse 2s infinite}.pwa-install-icon svg{width:24px;height:24px}@keyframes pwa-install-pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 8px #fff0}}.pwa-install-text{flex:1;color:#fff;min-width:0}.pwa-install-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;line-height:1.2;letter-spacing:-.025em}.pwa-install-subtitle{font-size:.875rem;opacity:.9;line-height:1.4}.pwa-install-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.pwa-install-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fffffff2;color:#4c51bf;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(10px)}.pwa-install-action-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.pwa-install-action-btn:active{transform:translateY(0)}.pwa-install-action-btn svg{width:16px;height:16px;transition:transform .2s ease}.pwa-install-action-btn:hover svg{transform:translate(2px)}.pwa-install-close-btn{width:32px;height:32px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pwa-install-close-btn:hover{background:#fff3;transform:scale(1.1)}.pwa-install-close-btn svg{width:16px;height:16px}.pwa-install-progress{height:3px;background:#ffffff1a;overflow:hidden;position:relative}.pwa-install-progress-bar{height:100%;background:linear-gradient(90deg,#fffc,#fff,#fffc);width:100%;transform:translate(-100%);animation:pwa-install-loading 3s ease-in-out infinite}@keyframes pwa-install-loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 768px){.pwa-install-content{padding:.875rem 1rem;gap:.75rem}.pwa-install-icon{width:40px;height:40px}.pwa-install-icon svg{width:20px;height:20px}.pwa-install-title{font-size:1rem}.pwa-install-subtitle{font-size:.8rem}.pwa-install-action-btn{padding:.625rem 1.25rem;font-size:.8rem}.pwa-install-close-btn{width:28px;height:28px}}@media (max-width: 480px){.pwa-install-content{padding:.75rem;gap:.5rem}.pwa-install-text{margin:0}.pwa-install-title{font-size:.9rem;margin-bottom:.125rem}.pwa-install-subtitle{font-size:.75rem;display:none}.pwa-install-action-btn{padding:.5rem 1rem;font-size:.75rem}.pwa-install-action-btn span{display:none}.pwa-install-action-btn:after{content:"Installer"}}@media (prefers-color-scheme: dark){.pwa-install-banner{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 8px 32px #0006}.pwa-install-action-btn{background:#ffffffe6;color:#1e293b}.pwa-install-action-btn:hover{background:#fff}}@media (prefers-contrast: high){.pwa-install-banner{background:#000;border-bottom:2px solid #fff}.pwa-install-action-btn{background:#fff;color:#000;border:2px solid #000}.pwa-install-close-btn{background:#fff;color:#000}}.pwa-install-visible .pwa-install-icon{animation-delay:.1s}.pwa-install-visible .pwa-install-text{animation:pwa-install-fadeInUp .4s ease .2s both}.pwa-install-visible .pwa-install-actions{animation:pwa-install-fadeInUp .4s ease .3s both}@keyframes pwa-install-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-install-banner:hover .pwa-install-progress-bar{animation-duration:1.5s}@media (prefers-reduced-motion: reduce){.pwa-install-banner,.pwa-install-icon,.pwa-install-action-btn,.pwa-install-close-btn{animation:none;transition:none}.pwa-install-progress-bar{animation:none}}.pwa-install-action-btn:focus-visible,.pwa-install-close-btn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}body.pwa-install-active{padding-top:80px;transition:padding-top .4s ease}@media (max-width: 768px){body.pwa-install-active{padding-top:70px}}@media (max-width: 480px){body.pwa-install-active{padding-top:60px}}.pwa-install-banner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px,80px 80px,120px 120px;animation:pwa-install-sparkle 20s linear infinite;pointer-events:none}@keyframes pwa-install-sparkle{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,-80px 80px,120px -120px}}.pwa-install-banner:hover{box-shadow:0 12px 40px #667eea80}.pwa-install-banner:hover .pwa-install-icon{animation-duration:1s}.pwa-install-banner.loading .pwa-install-action-btn{opacity:.7;cursor:not-allowed}.pwa-install-banner.loading .pwa-install-progress-bar{animation-duration:1s}