.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;padding:1rem 1.5rem;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .3s ease-in-out;border-top-left-radius:20px;border-top-right-radius:20px}.pwa-install-banner.show{transform:translateY(0)}.pwa-install-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.pwa-install-banner-info{flex:1;min-width:250px}.pwa-install-banner-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.pwa-install-banner-title svg{width:24px;height:24px;flex-shrink:0}.pwa-install-banner-description{font-size:.875rem;opacity:.9;line-height:1.5}.pwa-install-banner-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.pwa-install-btn{background:#fff;color:#2563eb;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:#f8fafc}.pwa-install-btn:active{transform:translateY(0)}.pwa-install-btn svg{width:20px;height:20px}.pwa-install-dismiss{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.pwa-install-dismiss:hover{background:#ffffff4d;transform:rotate(90deg)}.pwa-install-dismiss svg{width:18px;height:18px}.pwa-install-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb4d}.pwa-install-nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.pwa-install-nav-btn svg{width:18px;height:18px}.pwa-install-nav-btn.hidden{display:none}@media(max-width:640px){.pwa-install-banner{padding:1rem;border-top-left-radius:16px;border-top-right-radius:16px}.pwa-install-banner-content{flex-direction:column;align-items:stretch;gap:1rem}.pwa-install-banner-info{min-width:auto}.pwa-install-banner-title{font-size:1rem}.pwa-install-banner-description{font-size:.8125rem}.pwa-install-banner-actions{width:100%;justify-content:space-between}.pwa-install-btn{flex:1;justify-content:center;padding:.875rem 1.25rem}.pwa-install-nav-btn{padding:.5rem .75rem;font-size:.8125rem}.pwa-install-nav-btn span{display:none}}.pwa-ios-install-modal{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.pwa-ios-install-modal.show{opacity:1;pointer-events:all}.pwa-ios-install-content{background:#fff;border-radius:20px;max-width:500px;width:100%;padding:2rem;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s ease-in-out}.pwa-ios-install-modal.show .pwa-ios-install-content{transform:scale(1)}.pwa-ios-install-header{text-align:center;margin-bottom:1.5rem}.pwa-ios-install-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.pwa-ios-install-header p{color:#6b7280;font-size:.9375rem}.pwa-ios-install-steps{list-style:none;padding:0;margin:0 0 1.5rem}.pwa-ios-install-steps li{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;margin-bottom:.75rem}.pwa-ios-install-steps li:last-child{margin-bottom:0}.pwa-ios-install-steps .step-number{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.pwa-ios-install-steps .step-content{flex:1}.pwa-ios-install-steps .step-title{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.9375rem}.pwa-ios-install-steps .step-description{color:#6b7280;font-size:.875rem;line-height:1.5}.pwa-ios-install-actions{display:flex;gap:.75rem}.pwa-ios-install-actions button{flex:1;padding:.875rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.pwa-ios-install-close{background:#f3f4f6;color:#374151}.pwa-ios-install-close:hover{background:#e5e7eb}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pwa-install-banner.show{animation:slideUp .3s ease-in-out}@supports (padding: max(0px)){.pwa-install-banner{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.box-icon{display:none!important}.pwa-install-banner{z-index:9999!important}