.whatsapp-demo-wrapper{perspective:1200px;justify-content:center;align-items:center;display:flex;position:relative}.whatsapp-demo-wrapper .phone-glow{filter:blur(80px);opacity:.25;pointer-events:none;z-index:0;border-radius:50%;width:200px;height:400px;position:absolute}.whatsapp-demo-wrapper .phone-glow.glow-1{background:var(--brand-cyan,#a3ff00);top:10%;left:20%}.whatsapp-demo-wrapper .phone-glow.glow-2{background:var(--brand-magenta,#c4ff4d);bottom:10%;right:20%}.whatsapp-demo-wrapper .phone-frame{z-index:1;background:#0f1419;border-radius:48px;width:100%;max-width:410px;height:720px;padding:12px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:rotateY(-4deg)rotateX(2deg);box-shadow:0 0 0 2px #2d3748,0 0 0 4px #1a202c,0 25px 50px -12px #000000b3,0 0 40px #a3ff0026}.whatsapp-demo-wrapper .phone-frame.compact{border-radius:36px;max-width:360px;height:640px;padding:8px;transform:none}.whatsapp-demo-wrapper .phone-frame:hover{transform:rotateY(0)rotateX(0)scale(1.01)}.whatsapp-demo-wrapper .screen-container{background:#0b141a;border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.whatsapp-demo-wrapper .phone-frame.compact .screen-container{border-radius:28px}.whatsapp-demo-wrapper .notch-bar{color:#8696a0;-webkit-user-select:none;user-select:none;background:#111b21;justify-content:space-between;align-items:center;height:28px;padding:0 24px;font-size:12px;font-weight:600;display:flex}.whatsapp-demo-wrapper .notch-camera{background:#000;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:70px;height:18px;margin:0 auto}.whatsapp-demo-wrapper .chat-header{z-index:10;background:#111b21;border-bottom:1px solid #8696a026;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 2px 4px #0003}.whatsapp-demo-wrapper .header-left{align-items:center;gap:10px;display:flex}.whatsapp-demo-wrapper .back-icon{color:#8696a0;cursor:pointer;margin-right:-4px}.whatsapp-demo-wrapper .avatar-container{width:40px;height:40px;position:relative}.whatsapp-demo-wrapper .avatar{color:#050505;background:linear-gradient(135deg,#a3ff00 0%,#c4ff4d 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;box-shadow:0 2px 8px #a3ff004d}.whatsapp-demo-wrapper .status-badge{background:#00a884;border:2px solid #111b21;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.whatsapp-demo-wrapper .contact-info{flex-direction:column;display:flex}.whatsapp-demo-wrapper .contact-name-row{align-items:center;gap:6px;display:flex}.whatsapp-demo-wrapper .contact-name{color:#e9edef;font-size:15px;font-weight:600;line-height:1.2}.whatsapp-demo-wrapper .verified-icon{color:#00a884}.whatsapp-demo-wrapper .contact-status{color:#00a884;margin-top:2px;font-size:12px;line-height:1.2}.whatsapp-demo-wrapper .header-right{color:#8696a0;align-items:center;gap:18px;display:flex}.whatsapp-demo-wrapper .header-icon{cursor:pointer;transition:color .2s}.whatsapp-demo-wrapper .header-icon:hover{color:#e9edef}.whatsapp-demo-wrapper .messages-area{background-color:#0b141a;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;position:relative;overflow-y:auto}.whatsapp-demo-wrapper .pattern-overlay{opacity:.04;pointer-events:none;background-image:radial-gradient(#8696a0 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.whatsapp-demo-wrapper .date-chip,.whatsapp-demo-wrapper .pause-chip{color:#8696a0;z-index:1;background:#182229;border-radius:8px;align-self:center;margin-bottom:8px;padding:5px 12px;font-size:11px;font-weight:500;box-shadow:0 1px 2px #0000004d}.whatsapp-demo-wrapper .pause-chip{color:#a3ff00;background:#a3ff001f;border:1px solid #a3ff004d}.whatsapp-demo-wrapper .message{z-index:1;flex-direction:column;max-width:82%;display:flex;position:relative}.whatsapp-demo-wrapper .message.user{align-self:flex-end}.whatsapp-demo-wrapper .message.bot{align-self:flex-start}.whatsapp-demo-wrapper .message-bubble{word-wrap:break-word;border-radius:12px;padding:9px 12px;position:relative;box-shadow:0 1px 2px #0000004d}.whatsapp-demo-wrapper .message.user .message-bubble{color:#e9edef;background:#005c4b;border-top-right-radius:2px}.whatsapp-demo-wrapper .message.bot .message-bubble{color:#e9edef;background:#202c33;border-top-left-radius:2px}.whatsapp-demo-wrapper .message-text{white-space:pre-wrap;font-size:13.5px;line-height:1.45}.whatsapp-demo-wrapper .message-meta{float:right;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;margin-left:12px;display:flex}.whatsapp-demo-wrapper .message-time{color:#e9edef99;font-size:10px}.whatsapp-demo-wrapper .read-icon{color:#53bdeb}.whatsapp-demo-wrapper .attachment-block{flex-direction:column;gap:8px;display:flex}.whatsapp-demo-wrapper .qr-card,.whatsapp-demo-wrapper .receipt-card{background:#00000040;border:1px solid #ffffff1a;border-radius:8px;padding:10px}.whatsapp-demo-wrapper .qr-grid{opacity:.85;background:linear-gradient(135deg,#a3ff00 0%,#c4ff4d 100%);border-radius:6px;height:90px}.whatsapp-demo-wrapper .qr-caption,.whatsapp-demo-wrapper .receipt-title{margin-top:6px;font-size:11.5px;font-weight:600}.whatsapp-demo-wrapper .receipt-subtitle{color:#8696a0;font-size:10px}.whatsapp-demo-wrapper .typing-bubble{padding:12px 16px}.whatsapp-demo-wrapper .typing-indicator{align-items:center;gap:4px;display:flex}.whatsapp-demo-wrapper .typing-dot{background:#8696a0;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.whatsapp-demo-wrapper .typing-dot:first-child{animation-delay:-.32s}.whatsapp-demo-wrapper .typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.whatsapp-demo-wrapper .input-area{z-index:10;background:#111b21;align-items:center;gap:8px;padding:8px 12px;display:flex}.whatsapp-demo-wrapper .input-container{background:#2a3942;border-radius:20px;flex:1;align-items:center;gap:8px;padding:6px 12px;display:flex}.whatsapp-demo-wrapper .message-input{color:#e9edef;background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.whatsapp-demo-wrapper .input-icon{color:#8696a0}.whatsapp-demo-wrapper .mic-button{color:#111b21;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.whatsapp-demo-wrapper .home-indicator{background:#000;justify-content:center;align-items:center;height:16px;display:flex}.whatsapp-demo-wrapper .home-indicator:after{content:"";opacity:.3;background:#fff;border-radius:2px;width:120px;height:4px}