.demo-content{text-align:center;color:#fff;max-width:600px}.demo-content h1{text-shadow:0 2px 10px #0000004d;margin-bottom:20px;font-size:2.5em}.demo-content p{backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:30px;font-size:1.2em;line-height:1.8}.support-backdrop{backdrop-filter:blur(5px);opacity:0;visibility:hidden;z-index:998;background:#00000080;transition:all .3s;position:fixed;inset:0}.support-backdrop.active{opacity:1;visibility:visible}.support-button{z-index:1000;cursor:pointer;user-select:none;position:fixed;bottom:30px;right:30px}.support-button-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50px;align-items:center;gap:12px;padding:16px 24px;transition:all .3s;animation:3s ease-in-out infinite float;display:inline-flex;position:relative;box-shadow:0 10px 40px #667eea66}.support-button-wrapper:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 50px #667eea99}.support-button-wrapper.active{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.pulse-ring{border:2px solid #667eea99;border-radius:50px;width:100%;height:100%;animation:2s ease-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.support-icon{width:32px;height:32px;transition:all .3s;position:relative}.support-icon svg{fill:#fff;width:100%;height:100%}.support-button-wrapper.active .support-icon{transform:rotate(360deg)}.support-text{color:#fff;letter-spacing:.5px;white-space:nowrap;font-size:16px;font-weight:700}.online-badge{color:#fff;background:#10b981;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;animation:2s infinite bounce;display:flex;position:absolute;top:-5px;left:-5px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.support-menu{opacity:0;visibility:hidden;z-index:999;background:#fff;border-radius:20px;width:380px;max-width:calc(100vw - 60px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:fixed;bottom:110px;right:30px;overflow:hidden;transform:translateY(20px)scale(.9);box-shadow:0 20px 60px #0000004d}.support-menu.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.menu-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:25px}.menu-header-content{align-items:center;gap:15px;display:flex}.header-icon{backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.header-icon svg{fill:#fff;width:30px;height:30px}.header-info h3{margin-bottom:8px;font-size:20px;font-weight:700}.header-status{align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.menu-content{padding:25px}.menu-description{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.8}.contact-options{flex-direction:column;gap:12px;display:flex}.contact-option{cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:15px;padding:18px;text-decoration:none;transition:all .3s;display:flex}.contact-option:hover{transform:translate(-5px);box-shadow:0 5px 20px #0000001a}.contact-option.phone{background:linear-gradient(135deg,#d4fc79 0%,#96e6a1 100%)}.contact-option.phone:hover{border-color:#10b981}.contact-option.whatsapp{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.contact-option.whatsapp:hover{border-color:#25d366}.contact-option.email{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.contact-option.email:hover{border-color:#3b82f6}.contact-option.help{background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)}.contact-option.help:hover{border-color:#8b5cf6}.option-icon{background:#fffc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.contact-option:hover .option-icon{transform:scale(1.1)rotate(5deg)}.option-icon svg{width:24px;height:24px}.option-info{flex:1}.option-title{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:700}.option-subtitle{color:#64748b;font-size:13px}.option-arrow{color:#94a3b8;transition:all .3s}.contact-option:hover .option-arrow{color:#1e293b;transform:translate(-3px)}.menu-footer{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:15px 25px}.menu-footer p{color:#64748b;font-size:12px}@media (width<=480px){.support-button{bottom:20px;right:20px}.support-button-wrapper{padding:14px 20px}.support-text{font-size:14px}.support-menu{width:calc(100vw - 40px);bottom:90px;right:20px}.menu-header,.menu-content{padding:20px}}