@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg-app:#f8f9fa;--bg-panel:#fff;--text-primary:#1a1f36;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent-primary:#007aff;--accent-hover:#005bb5;--accent-light:#e6f2ff;--border-color:#f3f4f6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--chat-sent:#e6f2ff;--chat-received:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:Inter,sans-serif}.panel{background:var(--bg-panel);border:1px solid #00000005;border-radius:16px;box-shadow:0 4px 24px #0000000a}.chat-bg{background-blend-mode:multiply;opacity:.95;background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.btn-primary:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 8px #4f46e54d}.bubble-sent{background:var(--chat-sent);border-radius:1.25rem 1.25rem .5rem;align-self:flex-end;max-width:70%;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.bubble-received{background:var(--chat-received);border-radius:1.25rem 1.25rem 1.25rem .5rem;align-self:flex-start;max-width:70%;padding:.75rem 1rem;box-shadow:0 2px 4px #0000000a}.list-item{border-radius:12px;margin:0 8px;transition:background-color .2s}.list-item:hover{background-color:var(--bg-app)}.list-item.active{background-color:var(--accent-light)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex;position:relative}.status-badge{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.status-online{background-color:var(--success)}.status-offline{background-color:var(--danger)}.status-online-ig{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.status-online-fb{background-color:#1877f2}.livechat-main-container{width:200%;height:100%;transition:transform .3s ease-in-out;display:flex}.livechat-main-container.chat-view-active{transform:translate(-50%)}.livechat-contacts-col,.livechat-chat-col{flex-shrink:0;width:50%;height:100%}@media (width>=768px){.livechat-main-container{width:100%;transform:none!important}.livechat-contacts-col{width:320px}.livechat-chat-col{width:calc(100% - 320px)}.mobile-back-btn{display:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-delay{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}@keyframes typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.05)}66%{transform:translate(25px,-35px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-phone-enter{0%{opacity:0;transform:translateY(60px)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes glow-ring{0%,to{box-shadow:0 0 30px #007aff26}50%{box-shadow:0 0 60px #007aff4d}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-delay{animation:8s ease-in-out infinite float-delay}.animate-typing{animation:1.5s ease-in-out infinite typing}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-subtle}.animate-fade-up{animation:.8s ease-out both fade-up}.animate-phone-enter{animation:1s ease-out .3s both hero-phone-enter}.orb-1{animation:15s ease-in-out infinite orb-drift-1}.orb-2{animation:18s ease-in-out infinite orb-drift-2}.shimmer-text{background:linear-gradient(90deg,#007aff 30%,#60a5fa 50%,#007aff 70%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:4s ease-in-out infinite shimmer}.bento-card{background:#fff;border:1px solid #0000000f;border-radius:24px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a,0 1px 2px #00000008}.bento-card:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#007aff00,#007aff1a) border-box;border:1px solid #0000;border-radius:24px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #007aff14,0 8px 24px #0000000d}.bento-card:hover:before{opacity:1}.text-gradient{background:linear-gradient(135deg,#007aff,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-card{text-align:center;background:#fff;border:1px solid #0000000a;border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 4px 20px #0000000a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #007aff1a}.landing-section{opacity:1}.grid-bg-light{background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px}