*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%;overflow-x:hidden}body{height:auto;min-height:100vh;margin:0;padding:0}.full-window-pulse-line{position:fixed;top:0;left:0;right:0;width:100vw;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3) 20%,rgba(59,130,246,.6) 50%,rgba(139,92,246,.3) 80%,transparent);z-index:9999;animation:full-window-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes full-window-pulse{0%,to{opacity:.4;transform:scaleX(1);background:linear-gradient(90deg,transparent,rgba(139,92,246,.3) 20%,rgba(59,130,246,.6) 50%,rgba(139,92,246,.3) 80%,transparent)}50%{opacity:.8;transform:scaleX(1.02);background:linear-gradient(90deg,transparent,rgba(139,92,246,.5) 15%,rgba(59,130,246,.9) 50%,rgba(139,92,246,.5) 85%,transparent)}}@keyframes subtle-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(-30px,-20px,0)}}@keyframes gentle-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-15px,0) scale(1.02)}}@keyframes dashboard-pulse{0%,to{box-shadow:0 0 20px rgba(139,92,246,.2),0 0 40px rgba(139,92,246,.1),inset 0 0 0 1px rgba(139,92,246,.2);transform:translateZ(0) scale(1)}50%{box-shadow:0 0 30px rgba(139,92,246,.4),0 0 60px rgba(139,92,246,.2),inset 0 0 0 1px rgba(139,92,246,.4);transform:translateZ(0) scale(1.005)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px rgba(139,92,246,.6),0 0 20px rgba(59,130,246,.4),0 0 30px rgba(139,92,246,.3);opacity:.8}50%{box-shadow:0 0 20px rgba(139,92,246,.9),0 0 40px rgba(59,130,246,.7),0 0 60px rgba(139,92,246,.5),0 0 80px rgba(59,130,246,.3);opacity:1}}@keyframes background-glow-pulse{0%,to{box-shadow:0 0 100px rgba(139,92,246,.4),0 0 200px rgba(139,92,246,.2);opacity:.7}50%{box-shadow:0 0 150px rgba(139,92,246,.6),0 0 300px rgba(139,92,246,.3),0 0 400px rgba(139,92,246,.1);opacity:1}}.modern-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0f0f23);color:white;position:relative;overflow-x:hidden;margin:0;padding:0;display:flex;flex-direction:column}.modern-container>:not(.modern-footer){flex:0 0 auto}.modern-container:before{top:-20%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.15) 0,rgba(139,92,246,.08) 40%,transparent 70%);animation:gentle-float 25s ease-in-out infinite,background-glow-pulse 5s ease-in-out infinite;box-shadow:0 0 100px rgba(139,92,246,.4),0 0 200px rgba(139,92,246,.2)}.modern-container:after,.modern-container:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:1;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.modern-container:after{bottom:0;left:-15%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.12) 0,rgba(59,130,246,.06) 40%,transparent 60%);animation:subtle-drift 35s ease-in-out infinite,background-glow-pulse 6s ease-in-out infinite;box-shadow:0 0 80px rgba(59,130,246,.3),0 0 160px rgba(59,130,246,.15)}.cta-content,.demo-content,.features-content,.footer-content,.hero-content,.modern-container>*,.testimonials-content{position:relative;z-index:2}.section-divider{height:3px;background:radial-gradient(ellipse,rgba(139,92,246,.6) 0,rgba(59,130,246,.8) 40%,rgba(139,92,246,.4) 70%,transparent 90%);margin:2rem 0;border-radius:1.5rem;box-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(59,130,246,.3)}.section-card{background:rgba(17,24,39,.4);border:1px solid rgba(139,92,246,.2);border-radius:1rem;padding:3rem 2rem;margin:2rem auto;max-width:1200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4) 50%,transparent);border-radius:.5rem}.section-variant-dark{background:rgba(5,5,15,.6);border:1px solid rgba(59,130,246,.2)}.section-variant-accent{background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.3)}.modern-header{position:fixed;top:0;width:100%;z-index:50;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;justify-content:space-between;height:4rem}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:.5rem}.logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px rgba(139,92,246,.3)}.logo-icon:before{content:"";position:absolute;width:1rem;height:.7rem;background:white;border-radius:.125rem;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-text{font-size:1.5rem;font-weight:800;color:white;letter-spacing:-.025em}.nav-section{display:none;gap:2rem}@media (min-width:768px){.nav-section{display:flex}}.nav-link{color:#d1d5db;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:white}.cta-button{background:linear-gradient(45deg,#8b5cf6,#3b82f6);color:white;padding:.5rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.cta-button:hover{background:linear-gradient(45deg,#7c3aed,#2563eb);transform:translateY(-1px)}.hero-section{padding:6rem 1.5rem 4rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(139,92,246,.1)}.hero-section:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:4px;background:radial-gradient(ellipse,rgba(139,92,246,.8) 0,rgba(59,130,246,.9) 30%,rgba(139,92,246,.6) 60%,transparent 80%);z-index:2;border-radius:2rem;animation:glow-pulse 3s ease-in-out infinite;box-shadow:0 0 15px rgba(139,92,246,.8),0 0 30px rgba(59,130,246,.6),0 0 45px rgba(139,92,246,.4)}.hero-section:before{content:"";position:absolute;top:10%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0,rgba(59,130,246,.1) 40%,transparent 70%);border-radius:50%;animation:gentle-float 20s ease-in-out infinite,background-glow-pulse 4s ease-in-out infinite;pointer-events:none;z-index:1;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 50px rgba(139,92,246,.3),0 0 100px rgba(59,130,246,.2)}.hero-content{max-width:1200px;margin:0 auto}.hero-text{text-align:center}.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;font-size:.875rem;margin-bottom:2rem;gap:.5rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}@media (min-width:768px){.hero-title{font-size:3.75rem}}.gradient-text{background:linear-gradient(45deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#d1d5db;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:4rem}@media (min-width:640px){.hero-buttons{flex-direction:row}}.primary-button{background:linear-gradient(45deg,#8b5cf6,#3b82f6);color:white;padding:1rem 2rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem;transition:all .3s ease}.primary-button:hover{background:linear-gradient(45deg,#7c3aed,#2563eb);transform:translateY(-2px)}.secondary-button{border:1px solid #6b7280;color:white;padding:1rem 2rem;border-radius:.5rem;background:transparent;cursor:pointer;font-size:1.125rem;transition:all .3s ease}.secondary-button:hover{background:rgba(255,255,255,.1)}.hero-stats{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;margin-top:4rem}@media (min-width:768px){.hero-stats{grid-template-columns:repeat(3,1fr)}}.stat-item{text-align:center}.stat-number{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#9ca3af}.demo-section{padding:4rem 1.5rem;position:relative;overflow:hidden;background:rgba(5,5,15,.3);border-top:1px solid rgba(139,92,246,.2);border-bottom:1px solid rgba(139,92,246,.2)}.demo-section:before{content:"";position:absolute;top:-30%;left:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.06) 0,transparent 70%);border-radius:50%;animation:gentle-float 40s ease-in-out infinite;pointer-events:none;z-index:1;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.demo-content{max-width:1200px;margin:0 auto}.demo-card{background:linear-gradient(45deg,rgba(31,41,55,.5),rgba(139,92,246,.3));border-radius:1rem;border:1px solid #374151;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-header{text-align:center;margin-bottom:3rem}.demo-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.demo-subtitle{color:#d1d5db}.dashboard-preview{background:rgba(17,24,39,.8);border-radius:.75rem;padding:1.5rem;border:1px solid #374151;position:relative;overflow:hidden;animation:dashboard-pulse 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,box-shadow;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-title{color:white;font-weight:600}.window-controls{display:flex;gap:.5rem}.control{width:.75rem;height:.75rem;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#eab308}.control.green{background:#22c55e}.dashboard-metrics{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.dashboard-metrics{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.dashboard-metrics{grid-template-columns:repeat(4,1fr)}}.metric-card{padding:1rem;border-radius:.5rem;border:1px solid}.metric-card.blue{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(99,179,237,.2));border-color:rgba(59,130,246,.3)}.metric-card.green{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.2));border-color:rgba(34,197,94,.3)}.metric-card.purple{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.2));border-color:rgba(139,92,246,.3)}.metric-card.orange{background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(251,146,60,.2));border-color:rgba(249,115,22,.3)}.metric-content{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:.875rem;margin-bottom:.25rem}.metric-card.blue .metric-label{color:#93c5fd}.metric-card.green .metric-label{color:#86efac}.metric-card.purple .metric-label{color:#c4b5fd}.metric-card.orange .metric-label{color:#fdba74}.metric-value{font-size:1.5rem;font-weight:700;color:white;margin:0}.metric-icon{width:2rem;height:2rem}.metric-card.blue .metric-icon{color:#60a5fa}.metric-card.green .metric-icon{color:#4ade80}.metric-card.purple .metric-icon{color:#a78bfa}.metric-card.orange .metric-icon{color:#fb923c}.metric-card.teal .metric-icon{color:#2dd4bf}.metric-card.red .metric-icon{color:#f87171}.metric-card.indigo .metric-icon{color:#818cf8}.metric-card.yellow .metric-icon{color:#fbbf24}.metric-card.teal{background:linear-gradient(135deg,rgba(20,184,166,.2),rgba(45,212,191,.2));border-color:rgba(20,184,166,.3)}.metric-card.red{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(248,113,113,.2));border-color:rgba(239,68,68,.3)}.metric-card.indigo{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(129,140,248,.2));border-color:rgba(99,102,241,.3)}.metric-card.yellow{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(251,191,36,.2));border-color:rgba(245,158,11,.3)}.metric-card.teal .metric-label{color:#5eead4}.metric-card.red .metric-label{color:#fca5a5}.metric-card.indigo .metric-label{color:#c7d2fe}.metric-card.yellow .metric-label{color:#fde68a}.dashboard-charts{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (min-width:768px){.dashboard-charts{grid-template-columns:repeat(3,1fr)}}.chart-card{background:rgba(31,41,55,.6);border:1px solid rgba(59,130,246,.3);border-radius:.75rem;padding:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;height:auto;min-height:240px;overflow:visible}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chart-title{color:white;font-size:.875rem;font-weight:600;margin:0}.chart-icon{width:1.25rem;height:1.25rem;color:#60a5fa}.mini-chart{text-align:center;flex:1 1;display:flex;flex-direction:column;justify-content:center}.chart-bars{display:flex;align-items:end;justify-content:space-between;height:100px;margin-bottom:.5rem;gap:.5rem;padding:.5rem 0}.bar{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:2px;min-height:8px;flex:1 1;transition:all .3s ease}.bar:hover{background:linear-gradient(0deg,#2563eb,#3b82f6);transform:scaleY(1.1)}.chart-insight{color:#4ade80;font-size:.75rem;font-weight:600;text-align:center;margin:auto 0 0;padding-top:.75rem}.pie-chart{text-align:center;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.pie-segment{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;position:relative}.pie-labels{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.pie-label{display:flex;align-items:center;font-size:.75rem;color:#d1d5db;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%}.dot.blue{background:#3b82f6}.dot.green{background:#10b981}.dot.yellow{background:#f59e0b}.dot.red{background:#ef4444}.heatmap{flex-direction:column}.heatmap,.heatmap-row{display:flex;gap:.5rem}.heatmap-row{align-items:center}.hour-label{color:#9ca3af;font-size:.75rem;width:40px;text-align:right}.heat-cell{width:20px;height:20px;border-radius:3px;flex:1 1}.heat-cell.low{background:rgba(59,130,246,.3)}.heat-cell.medium{background:rgba(59,130,246,.6)}.heat-cell.high{background:rgba(59,130,246,.9)}.day-labels{display:flex;justify-content:space-around;margin-top:.5rem;margin-left:50px}.day-labels span{color:#9ca3af;font-size:.75rem}.dashboard-recommendations{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.dashboard-recommendations{grid-template-columns:repeat(3,1fr)}}.recommendation-card{background:rgba(31,41,55,.6);border-radius:.75rem;padding:1.5rem;border-left:4px solid;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.recommendation-card.priority-high{border-left-color:#ef4444;background:rgba(239,68,68,.05)}.recommendation-card.priority-medium{border-left-color:#f59e0b;background:rgba(245,158,11,.05)}.recommendation-card.priority-low{border-left-color:#22c55e;background:rgba(34,197,94,.05)}.rec-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.rec-icon{width:1.25rem;height:1.25rem}.priority-high .rec-icon{color:#f87171}.priority-medium .rec-icon{color:#fbbf24}.priority-low .rec-icon{color:#4ade80}.rec-priority{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-high .rec-priority{color:#f87171}.priority-medium .rec-priority{color:#fbbf24}.priority-low .rec-priority{color:#4ade80}.rec-title{color:white;font-size:1rem;font-weight:600;margin:0 0 .5rem}.rec-description{color:#d1d5db;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.rec-actions{display:flex;gap:.5rem;flex-wrap:wrap}.rec-button{padding:.5rem 1rem;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.rec-button.primary{background:linear-gradient(45deg,#3b82f6,#60a5fa);color:white}.rec-button.primary:hover{background:linear-gradient(45deg,#2563eb,#3b82f6);transform:translateY(-1px)}.rec-button.secondary{background:rgba(75,85,99,.5);color:#d1d5db;border:1px solid #6b7280}.rec-button.secondary:hover{background:rgba(75,85,99,.7);color:white}.dashboard-footer{text-align:center}.footer-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,#374151,transparent);margin:0 auto 1.5rem;opacity:.6}.update-text{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.status-indicator{display:inline-flex;align-items:center;color:#4ade80;font-size:.875rem;gap:.5rem}.status-dot{width:.5rem;height:.5rem;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.features-section{padding:4rem 1.5rem;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;bottom:-40%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0,transparent 70%);border-radius:50%;animation:subtle-drift 30s ease-in-out infinite;pointer-events:none;z-index:1;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.features-content{background:rgba(17,24,39,.4);border:1px solid rgba(59,130,246,.2);border-radius:1rem;padding:3rem 2rem;margin:0 auto;max-width:1200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.features-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:radial-gradient(ellipse,rgba(59,130,246,.6) 0,rgba(139,92,246,.5) 40%,rgba(59,130,246,.3) 70%,transparent 90%);border-radius:1.5rem;box-shadow:0 0 8px rgba(59,130,246,.4),0 0 16px rgba(139,92,246,.2)}.features-header{text-align:center;margin-bottom:3rem}.features-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}@media (min-width:768px){.features-title{font-size:2.25rem}}.features-subtitle{font-size:1.25rem;color:#d1d5db;max-width:48rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:linear-gradient(135deg,rgba(31,41,55,.5),rgba(139,92,246,.2));padding:2rem;border-radius:.75rem;border:1px solid #374151;transition:all .3s ease}.feature-card:hover{border-color:rgba(139,92,246,.5);transform:translateY(-4px)}.feature-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon.purple{background:linear-gradient(45deg,#8b5cf6,#3b82f6)}.feature-icon.blue{background:linear-gradient(45deg,#3b82f6,#06b6d4)}.feature-icon.red{background:linear-gradient(45deg,#ef4444,#f97316)}.feature-icon.green{background:linear-gradient(45deg,#22c55e,#10b981)}.feature-icon.yellow{background:linear-gradient(45deg,#eab308,#f97316)}.feature-icon.indigo{background:linear-gradient(45deg,#6366f1,#8b5cf6)}.feature-title{font-size:1.25rem;font-weight:600;color:white;margin-bottom:1rem}.feature-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;color:#d1d5db;margin-bottom:.75rem;gap:.5rem}.check-icon{width:1rem;height:1rem;color:#4ade80;flex-shrink:0}.testimonials-section{padding:4rem 1.5rem;background:rgba(139,92,246,.03);border-top:1px solid rgba(139,92,246,.15);border-bottom:1px solid rgba(139,92,246,.15);position:relative}.testimonials-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:radial-gradient(ellipse,rgba(139,92,246,.5) 0,rgba(59,130,246,.4) 40%,rgba(139,92,246,.3) 70%,transparent 90%);border-radius:1.5rem;box-shadow:0 0 8px rgba(139,92,246,.4),0 0 16px rgba(59,130,246,.2)}.testimonials-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}@media (min-width:768px){.testimonials-title{font-size:2.25rem}}.testimonials-subtitle{font-size:1.25rem;color:#d1d5db}.testimonials-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:linear-gradient(135deg,rgba(31,41,55,.5),rgba(139,92,246,.2));padding:2rem;border-radius:.75rem;border:1px solid #374151}.stars{display:flex;margin-bottom:1rem;gap:.25rem}.star{width:1.25rem;height:1.25rem;color:#fbbf24;fill:currentColor}.testimonial-text{color:#d1d5db;margin-bottom:1.5rem;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:3rem;height:3rem;background:linear-gradient(45deg,#8b5cf6,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center}.author-avatar,.author-name{color:white;font-weight:600}.author-title{color:#9ca3af;font-size:.875rem}.cta-section{padding:4rem 1.5rem;position:relative}.cta-content{background:rgba(17,24,39,.6);border:1px solid rgba(139,92,246,.3);border-radius:1rem;padding:4rem 3rem;margin:0 auto;max-width:64rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.cta-content:before{top:0;background:radial-gradient(ellipse,rgba(139,92,246,.7) 0,rgba(59,130,246,.6) 40%,rgba(139,92,246,.4) 70%,transparent 90%);box-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(59,130,246,.3)}.cta-content:after,.cta-content:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:1.5rem}.cta-content:after{bottom:0;background:radial-gradient(ellipse,rgba(59,130,246,.5) 0,rgba(139,92,246,.4) 40%,rgba(59,130,246,.3) 70%,transparent 90%);box-shadow:0 0 8px rgba(59,130,246,.4),0 0 16px rgba(139,92,246,.2)}.cta-card{background:linear-gradient(45deg,rgba(139,92,246,.5),rgba(59,130,246,.5));padding:3rem;border-radius:1rem;border:1px solid rgba(139,92,246,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cta-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.cta-title{font-size:2.25rem}}.cta-subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1rem}@media (min-width:640px){.cta-buttons{flex-direction:row}}.cta-disclaimer{color:#9ca3af;font-size:.875rem;margin-top:1rem}.modern-footer{border-top:1px solid rgba(139,92,246,.2);padding:3rem 1.5rem 1.5rem;background:rgba(5,5,15,.4);position:relative;margin-top:auto}.modern-footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:3px;background:radial-gradient(ellipse,rgba(139,92,246,.6) 0,rgba(59,130,246,.8) 30%,rgba(139,92,246,.5) 60%,transparent 80%);border-radius:1.5rem;box-shadow:0 0 10px rgba(139,92,246,.5),0 0 20px rgba(59,130,246,.3)}.footer-content{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.footer-main{grid-template-columns:2fr 1fr 1fr}}.footer-brand{grid-column:span 1}@media (min-width:768px){.footer-brand{grid-column:span 1}}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-description{color:#9ca3af;margin-bottom:1rem;max-width:24rem}.social-links{display:flex;gap:1rem}.social-link{width:2.5rem;height:2.5rem;background:#374151;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .3s ease}.social-link:hover{background:#4b5563}.footer-heading{color:white;font-weight:600;margin-bottom:1rem}.link-list{list-style:none;padding:0;margin:0}.link-list li{margin-bottom:.5rem}.footer-link{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:white}.footer-bottom{border-top:1px solid #374151;margin-top:3rem;padding-top:2rem;padding-bottom:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}@media (min-width:768px){.footer-bottom{flex-direction:row;gap:0}}.copyright{color:#9ca3af;font-size:.875rem}.legal-links{display:flex;gap:1.5rem}.legal-link{color:#9ca3af;text-decoration:none;font-size:.875rem;transition:color .3s ease}.legal-link:hover{color:white}.icon{width:1.5rem;height:1.5rem}.icon-sm{width:1rem;height:1rem}.animated-number{display:inline-block;opacity:0;transition:opacity .3s ease}.animated-number.visible{opacity:1}.metric-card{opacity:0;transform:translateY(20px) scale(.9);transition:all .6s cubic-bezier(.4,0,.2,1)}.metric-card.animate-in{opacity:1;transform:translateY(0) scale(1)}.chart-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;transition:height 1.5s cubic-bezier(.4,0,.2,1);width:100%;min-height:2px}.chart-bar-container{display:flex;flex-direction:column;align-items:center;height:100px;justify-content:flex-end;position:relative}.chart-bar-label{font-size:.75rem;color:#9ca3af;margin-top:.5rem}.pie-chart{width:100px;height:100px;flex-shrink:0}.pie-chart svg{width:100%;height:100%;display:block}.pie-segment{opacity:0;transform-origin:center;animation:pie-segment-in .8s cubic-bezier(.4,0,.2,1) forwards}.pie-segment.animate-in{opacity:1}@keyframes pie-segment-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pie-chart-container{display:flex;flex-direction:row;align-items:center;gap:1.5rem;flex:1 1;justify-content:flex-start;height:100%;min-height:140px;padding:.5rem}.pie-legend{flex-direction:column;flex:1 1;justify-content:center;align-items:flex-start}.legend-item,.pie-legend{display:flex;gap:.5rem;font-size:.75rem}.legend-item{align-items:center;white-space:nowrap;justify-content:flex-start;width:100%}.legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-label{color:#9ca3af;font-size:.75rem}.metric-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15),0 0 20px rgba(var(--card-glow),.3)}.live-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:#10b981;margin-left:1rem}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.dashboard-metrics .metric-card:first-child{animation-delay:0s}.dashboard-metrics .metric-card:nth-child(2){animation-delay:.1s}.dashboard-metrics .metric-card:nth-child(3){animation-delay:.2s}.dashboard-metrics .metric-card:nth-child(4){animation-delay:.3s}.dashboard-metrics .metric-card:nth-child(5){animation-delay:.4s}.dashboard-metrics .metric-card:nth-child(6){animation-delay:.5s}.dashboard-metrics .metric-card:nth-child(7){animation-delay:.6s}.dashboard-metrics .metric-card:nth-child(8){animation-delay:.7s}.chart-card{opacity:0;transform:translateY(30px);animation:chart-card-in .8s cubic-bezier(.4,0,.2,1) forwards}.chart-card:first-child{animation-delay:.8s}.chart-card:nth-child(2){animation-delay:1s}.chart-card:nth-child(3){animation-delay:1.2s}@keyframes chart-card-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}