:root{--dark-bg:#030712;--phone-border:#1f2937;--neon-cyan:#22d3ee;--neon-green:#34d399;--glass-bg:rgba(17,24,39,0.65);--glass-border:rgba(255,255,255,0.08);--glass-glow-cyan:rgba(34,211,238,0.15);--glass-glow-green:rgba(52,211,153,0.15);}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--dark-bg);color:#f3f4f6;font-family:'Inter',sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:relative;}.bg-glow-1{position:absolute;top:15%;left:15%;width:450px;height:450px;background:radial-gradient(circle,rgba(34,211,238,0.1) 0%,transparent 70%);pointer-events:none;z-index:1;}.bg-glow-2{position:absolute;bottom:15%;right:15%;width:550px;height:550px;background:radial-gradient(circle,rgba(52,211,153,0.1) 0%,transparent 70%);pointer-events:none;z-index:1;}.particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}.particle{position:absolute;background:rgba(255,255,255,0.2);border-radius:50%;animation:floatUp 8s infinite linear;will-change:transform,opacity;}.animation-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:960px;height:620px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:10;transform-origin:center center;flex-shrink:0;}.phone-container{position:relative;width:250px;height:500px;background:#090d16;border:8px solid var(--phone-border);border-radius:44px;box-shadow:0 25px 60px -12px rgba(0,0,0,0.9),0 0 40px rgba(34,211,238,0.12);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px;z-index:5;animation:phoneVibrate 4s infinite ease-in-out;}.phone-island{position:absolute;top:12px;width:84px;height:24px;background:#000;border-radius:20px;z-index:10;}.phone-screen{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px;position:relative;}.pulse-ring{position:absolute;top:50px;width:100px;height:100px;border-radius:50%;border:2px solid rgba(34,211,238,0.4);animation:ringGrow 2.5s infinite linear;pointer-events:none;}.pulse-ring:nth-child(2){animation-delay:1.25s;}.avatar-wrapper{position:relative;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#38bdf8 0%,#0284c7 100%);display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px rgba(56,189,248,0.4);margin-bottom:25px;z-index:2;}.avatar-wrapper img{width:70px;height:70px;border-radius:50%;}.call-title{font-size:1.2rem;font-weight:700;color:#fff;font-family:'Outfit',sans-serif;margin-bottom:6px;z-index:2;}.call-subtitle{font-size:0.85rem;color:#9ca3af;letter-spacing:0.05em;z-index:2;display:flex;align-items:center;gap:5px;}.phone-voice-visualizer{display:flex;gap:4px;align-items:center;height:25px;margin-top:25px;}.visualizer-bar{width:3px;height:10px;background:var(--neon-cyan);border-radius:2px;animation:bounceBar 0.8s ease-in-out infinite alternate;}.visualizer-bar:nth-child(2){animation-delay:0.15s;height:18px;}.visualizer-bar:nth-child(3){animation-delay:0.3s;height:24px;}.visualizer-bar:nth-child(4){animation-delay:0.45s;height:14px;}.visualizer-bar:nth-child(5){animation-delay:0.6s;height:8px;}.call-btn{width:56px;height:56px;border-radius:50%;background:#10b981;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(16,185,129,0.6);margin-bottom:10px;animation:buttonPulse 1.8s infinite;z-index:2;}.call-btn svg{width:24px;height:24px;fill:#fff;}.wave-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;}.wave-path{fill:none;stroke-linecap:round;stroke-dasharray:24,16;animation:flowWave 12s linear infinite;will-change:stroke-dashoffset;}.wave-cyan{stroke:var(--neon-cyan);stroke-width:4;opacity:0.9;}.wave-green{stroke:var(--neon-green);stroke-width:3;opacity:0.9;animation-delay:-3s;animation-duration:9s;}.wave-secondary{stroke:rgba(34,211,238,0.25);stroke-width:1.5;stroke-dasharray:8,24;animation-duration:18s;}.right-panels{display:flex;flex-direction:column;gap:25px;width:460px;z-index:5;}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;padding:24px;transition:all 0.4s ease;position:relative;overflow:hidden;}.card-cyan{box-shadow:0 15px 35px rgba(0,0,0,0.5),0 0 25px var(--glass-glow-cyan);animation:cardFloatCyan 6s ease-in-out infinite alternate;}.card-green{box-shadow:0 15px 35px rgba(0,0,0,0.5),0 0 25px var(--glass-glow-green);animation:cardFloatGreen 6s ease-in-out infinite alternate-reverse;}.card-title{font-family:'Outfit',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:12px;color:#fff;display:flex;align-items:center;gap:8px;}.calendar-widget{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;background:rgba(0,0,0,0.25);border-radius:14px;padding:12px;font-size:0.72rem;text-align:center;color:#9ca3af;margin-top:10px;position:relative;}.calendar-header{font-weight:700;color:var(--neon-cyan);text-transform:uppercase;font-size:0.65rem;}.calendar-day{padding:6px;border-radius:8px;transition:all 0.3s;}.day-active{background:var(--neon-cyan);color:#000;font-weight:700;transform:scale(1.15);animation:activeDayPulse 2.5s infinite alternate;}.booking-notification{position:absolute;bottom:-60px;left:24px;right:24px;background:rgba(16,185,129,0.9);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:10px 16px;font-size:0.8rem;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 20px rgba(0,0,0,0.3);animation:slideNotification 6s infinite ease-in-out;}.booking-pulse{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff;animation:dotPulse 1s infinite alternate;}.faq-graph{display:flex;flex-direction:column;gap:12px;background:rgba(0,0,0,0.25);padding:16px;border-radius:16px;margin-top:10px;}.faq-status-header{display:flex;align-items:center;gap:8px;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--neon-green);font-weight:700;}.faq-typing-box{font-size:0.82rem;font-weight:500;color:#fff;border-left:2px solid var(--neon-green);padding-left:10px;min-height:22px;display:flex;align-items:center;}.typing-text{overflow:hidden;white-space:nowrap;animation:typingEffect 6s steps(40,end) infinite;}@keyframes flowWave{from{stroke-dashoffset:500;}to{stroke-dashoffset:0;}}@keyframes phoneVibrate{0%,100%{transform:rotate(0deg) translateY(0);}2%,6%,10%,14%{transform:rotate(-1deg) translateY(-2px);}4%,8%,12%,16%{transform:rotate(1deg) translateY(2px);}18%{transform:rotate(0deg) translateY(0);}}@keyframes ringGrow{0%{transform:scale(0.6);opacity:0.8;}100%{transform:scale(1.6);opacity:0;}}@keyframes bounceBar{0%{transform:scaleY(0.4);}100%{transform:scaleY(1.4);}}@keyframes buttonPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0.7);}70%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(16,185,129,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0);}}@keyframes cardFloatCyan{0%{transform:translateY(0);}100%{transform:translateY(-10px);}}@keyframes cardFloatGreen{0%{transform:translateY(0);}100%{transform:translateY(-10px);}}@keyframes activeDayPulse{0%{box-shadow:0 0 5px rgba(34,211,238,0.6);background-color:rgba(34,211,238,0.8);}100%{box-shadow:0 0 20px rgba(34,211,238,1);background-color:var(--neon-cyan);}}@keyframes slideNotification{0%,15%{bottom:-60px;opacity:0;}25%,85%{bottom:20px;opacity:1;}95%,100%{bottom:-60px;opacity:0;}}@keyframes typingEffect{0%,10%{width:0;text-shadow:none;}50%,80%{width:100%;}90%,100%{width:0;}}@keyframes floatUp{0%{transform:translateY(100vh) scale(0.6);opacity:0;}20%{opacity:0.5;}100%{transform:translateY(-20vh) scale(1.2);opacity:0;}}