.pwa-install-banner{position:relative;top:0;left:0;right:0;background:linear-gradient(135deg,#ff6b35,#1e90ff);color:#fff;z-index:1;box-shadow:0 4px 20px rgba(0,0,0,.15);animation:slideDown .3s ease-out}.pwa-install-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:1200px;margin:0 auto}.pwa-install-info{display:flex;align-items:center;gap:12px;flex:1 1}.pwa-app-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-logo{width:100%;height:100%;object-fit:cover}.default-icon{color:hsla(0,0%,100%,.8)}.pwa-app-details{flex:1 1}.app-name{margin:0;font-size:16px;font-weight:600;line-height:1.2}.app-description{margin:2px 0 0;font-size:13px;opacity:.9;line-height:1.3}.pwa-install-actions{display:flex;align-items:center;gap:8px}.install-btn{display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.install-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.install-btn:active{transform:translateY(0);background:hsla(0,0%,100%,.4)}.dismiss-btn{background:transparent;color:hsla(0,0%,100%,.8);border:none;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dismiss-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.pwa-install-content{padding:8px 12px}.pwa-app-icon{width:40px;height:40px}.app-name{font-size:15px}.app-description{font-size:12px}.install-btn{padding:6px 12px;font-size:13px;min-width:auto}.pwa-install-actions{gap:6px}}@media (max-width:480px){.pwa-install-content{padding:6px 10px}.pwa-install-info{gap:8px}.pwa-app-icon{width:36px;height:36px}.app-name{font-size:14px}.install-btn{padding:5px 10px;font-size:12px;gap:4px}.dismiss-btn{padding:6px}}.pwa-install-modal-redesign{--bs-modal-bg:transparent}.modal-backdrop{z-index:9999!important}.modal.fade.show{z-index:10000!important;justify-content:center!important;position:fixed!important;top:0;left:0;right:0;bottom:0;overflow-y:auto}.modal-dialog,.modal.fade.show{display:flex!important;align-items:center!important}.modal-dialog{min-height:100vh!important;margin:0 auto!important}.modal-content{margin:auto!important}.pwa-install-modal-redesign{background:transparent;border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.25);border:none;overflow:hidden;max-width:420px;width:90vw;max-height:85vh;z-index:10000;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;margin:auto;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.pwa-modal-header{display:none}.pwa-modal-body{padding:0;background:transparent;overflow-y:auto;max-height:85vh}.pwa-install-wrapper{background:linear-gradient(135deg,#ff6b35,#1e90ff);border-radius:24px;margin:0;overflow:hidden;padding:4px}.pwa-content-container,.pwa-install-wrapper{position:relative;display:flex;flex-direction:column;min-height:0}.pwa-content-container{background:#fff;border-radius:20px;overflow-y:auto;max-height:calc(85vh - 8px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pwa-content-container::-webkit-scrollbar{width:6px}.pwa-content-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.pwa-content-container::-webkit-scrollbar-thumb{background:rgba(255,107,53,.3);border-radius:3px}.pwa-content-container::-webkit-scrollbar-thumb:hover{background:rgba(255,107,53,.5)}@media (max-height:600px){.pwa-install-modal-redesign,.pwa-modal-body{max-height:95vh}.pwa-content-container{max-height:calc(95vh - 8px)}.pwa-hero-section{padding:32px 16px 20px;min-height:120px}.pwa-steps-section{padding:20px 16px}.pwa-action-section{padding:16px}}.pwa-hero-section{background:linear-gradient(135deg,#ff6b35,#1e90ff);padding:40px 24px 32px;position:relative;overflow:hidden;min-height:140px;transition:opacity .1s ease-out}.pwa-hero-background{top:0;left:0;right:0;bottom:0;opacity:.1;transform-origin:center top}.pwa-floating-icons,.pwa-hero-background{position:absolute;will-change:transform;transition:transform .1s ease-out}.pwa-floating-icons{width:100%;height:100%;pointer-events:none}.pwa-float-icon{position:absolute;color:hsla(0,0%,100%,.3);animation:float 6s ease-in-out infinite}.pwa-float-1{top:20%;left:15%;animation-delay:0s}.pwa-float-2{top:60%;right:20%;animation-delay:2s}.pwa-float-3{bottom:30%;left:70%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.pwa-app-showcase{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.pwa-app-icon-container{position:relative;flex-shrink:0}.pwa-app-icon-fallback,.pwa-app-icon-new{width:64px;height:64px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2);border:3px solid hsla(0,0%,100%,.2)}.pwa-app-icon-fallback{background:hsla(0,0%,100%,.2)}.pwa-app-icon-fallback,.pwa-install-badge{display:flex;align-items:center;justify-content:center;color:#fff}.pwa-install-badge{position:absolute;bottom:-4px;right:-4px;background:#4caf50;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px rgba(76,175,80,.4);border:2px solid #fff}.pwa-app-info{flex:1 1;color:#fff;text-align:left}.pwa-app-title{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.pwa-app-subtitle{font-size:14px;margin:0;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.2);line-height:1.4}.pwa-steps-section{padding:32px 24px}.pwa-steps-header{text-align:center;margin-bottom:24px}.pwa-steps-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 8px}.pwa-steps-subtitle{font-size:14px;color:#7f8c8d;margin:0;line-height:1.4}.pwa-steps-container{display:flex;flex-direction:column;gap:16px}.pwa-step-card{background:#f8f9fa;border-radius:16px;padding:20px;position:relative;border:2px solid #e9ecef;transition:all .3s ease}.pwa-step-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#ff6b35}.pwa-step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pwa-step-number-new{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#1e90ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 4px 12px rgba(255,107,53,.3)}.pwa-step-icon-new{color:#ff6b35;background:rgba(255,107,53,.1);padding:8px;border-radius:12px}.pwa-step-content-new{margin-left:44px}.pwa-step-title{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 6px}.pwa-step-description{font-size:14px;color:#7f8c8d;margin:0;line-height:1.4}.pwa-step-connector{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);color:#bdc3c7;background:#fff;padding:4px;border-radius:50%;z-index:1}.pwa-action-section{padding:24px;background:#f8f9fa;border-top:1px solid #e9ecef}.pwa-browser-tip{display:flex;align-items:center;gap:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:16px;margin-bottom:20px}.pwa-tip-icon{color:#f39c12;background:rgba(243,156,18,.1);padding:8px;border-radius:8px;flex-shrink:0}.pwa-tip-text{font-size:14px;color:#856404;margin:0;line-height:1.4}.pwa-understand-btn{width:100%;background:linear-gradient(135deg,#ff6b35,#1e90ff);color:#fff;border:none;border-radius:16px;padding:16px 24px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.pwa-understand-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.pwa-understand-btn:active{transform:translateY(0)}@media (max-width:480px){.pwa-install-modal-redesign{max-width:95vw;margin:10px}.pwa-hero-section{padding:24px 20px}.pwa-app-showcase{flex-direction:column;text-align:center;gap:12px}.pwa-steps-section{padding:24px 20px}.pwa-step-card{padding:16px}.pwa-action-section{padding:20px}}@media (prefers-color-scheme:dark){.pwa-content-container,.pwa-steps-section{background:#1a1a1a}.pwa-steps-title{color:#fff}.pwa-steps-subtitle{color:#b0b0b0}.pwa-step-card{background:#2d2d2d;border-color:#404040}.pwa-step-title{color:#fff}.pwa-step-description{color:#b0b0b0}.pwa-action-section{background:#2d2d2d;border-color:#404040}.pwa-browser-tip{background:#2d2d2d;border-color:#f39c12}.pwa-tip-text{color:#f39c12}}.pwa-step-card{animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.pwa-step-card:first-child{animation-delay:.1s}.pwa-step-card:nth-child(2){animation-delay:.2s}.pwa-step-card:nth-child(3){animation-delay:.3s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}