.pwa-container{background:linear-gradient(45deg,#f8f9fa,#e9ecef);border-radius:15px;padding:2rem;box-shadow:0 10px 30px #00000014;overflow:hidden;position:relative}.pwa-container:before{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;border-radius:50%;background:#0d6efd1a;z-index:0}.pwa-mockup-container{position:relative;width:100%;height:350px;display:flex;justify-content:center;align-items:center}.pwa-device{width:200px;height:320px;background:#111;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 15px 25px #0003;border:8px solid #222;transform:perspective(500px) rotateY(-10deg);transition:transform .4s ease}.pwa-device:hover{transform:perspective(500px) rotateY(0)}.pwa-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4d94ff,#0056b3);display:flex;flex-direction:column;overflow:hidden}.pwa-app-header{height:60px;background:#ffffff1a;display:flex;align-items:center;padding:0 15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pwa-app-icon{width:30px;height:30px;background:#fff;border-radius:8px;margin-right:10px;position:relative}.pwa-app-icon:before{content:"✈️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px}.pwa-app-title{color:#fff;font-weight:700;font-size:16px}.pwa-app-content{flex:1;padding:15px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.pwa-app-card{height:80px;background:#ffffff26;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pwa-notification{position:absolute;top:60px;right:-80px;width:200px;height:70px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;align-items:center;padding:10px;animation:slideIn 1s ease-out forwards 1s,float 3s ease-in-out infinite 2s}.pwa-notification-icon{width:40px;height:40px;background:#06f;border-radius:8px;margin-right:10px;display:flex;justify-content:center;align-items:center;position:relative}.pwa-notification-icon:after{content:"↓";color:#fff;font-size:20px;font-weight:700}.pwa-notification-content{flex:1}.pwa-notification-title{font-weight:700;font-size:14px;color:#333}.pwa-notification-text{font-size:12px;color:#666}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#pwa-install-button{transition:all .3s ease}#pwa-install-button:hover{transform:scale(1.05);box-shadow:0 5px 15px #0d6efd4d}.pwa-guide-modal{border-radius:15px;overflow:hidden}.pwa-guide-steps{padding-right:20px}.pwa-guide-browser-icons{display:flex;gap:15px;justify-content:center}.pwa-guide-browser{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#555}.pwa-guide-browser-icon{width:40px;height:40px;background-color:#eee;border-radius:50%;display:block;margin-bottom:5px;position:relative}.pwa-guide-browser.chrome .pwa-guide-browser-icon:before{content:"";position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;background:conic-gradient(#ea4335,#ea4335 30%,#fbbc05 30%,#fbbc05 60%,#34a853 60%,#34a853 90%,#4285f4 90%,#4285f4)}.pwa-guide-browser.safari .pwa-guide-browser-icon:before{content:"";position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#0fb9ed,#1c75d3)}.pwa-guide-browser.firefox .pwa-guide-browser-icon:before{content:"";position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff9400,#e66000)}.top-banners{background-color:#f8f9fa}.banner-item{position:relative;overflow:hidden;transition:transform .3s ease}.banner-link:hover .banner-image{transform:scale(1.02)}.banner-image{transition:transform .3s ease;max-height:300px;-o-object-fit:cover;object-fit:cover}.banner-item:hover{transform:translateY(-2px)}.bottom-banners{background-color:#f8f9fa;border-top:1px solid #dee2e6}