.hero{background:radial-gradient(circle at 20%,#d4af3714 0%,#0000 50%) 0 0/100% 100%,radial-gradient(circle at 80% 80%,#f4d03f0f 0%,#0000 50%) 0 0/100% 100%,linear-gradient(135deg,#fff 0%,#fafafa 25%,#fff 50%,#f8f8f8 75%,#fff 100%) 0 0/100% 100%;align-items:center;min-height:auto;padding:5rem 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 0%,#d4af3708 50%,#0000 100%),linear-gradient(#0000 0%,#f4d03f05 50%,#0000 100%);position:absolute;inset:0}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:0 auto;display:grid;position:relative}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-badge{color:#d4af37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4af371a;border:1px solid #d4af374d;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.625rem 1.25rem;font-size:.875rem;animation:.8s ease-out slideInRight;display:inline-flex}.badge-icon{font-size:1rem}.hero-title{color:#1a1a1a;flex-direction:column;gap:.5rem;font-size:3.5rem;font-weight:800;line-height:1.2;animation:.8s ease-out .2s both slideInUp;display:flex}.title-line{display:block}.title-highlight{display:inline-block;position:relative}.highlight-text{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 50%,#d4af37 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer;position:relative}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-description{color:#1a1a1ab3;max-width:600px;font-size:1.125rem;line-height:1.8;animation:.8s ease-out .4s both slideInUp}.hero-cta{flex-wrap:wrap;gap:1rem;animation:.8s ease-out .6s both slideInUp;display:flex}.cta-btn{border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.cta-primary{color:#fff;background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);border:1px solid #d4af374d;box-shadow:0 4px 20px #d4af3766}.cta-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#f4d03f 0%,#d4af37 100%);transition:opacity .4s;position:absolute;inset:0}.cta-primary span,.cta-primary svg{z-index:1;transition:transform .3s;position:relative}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d4af3799}.cta-primary:hover:before{opacity:1}.cta-primary:hover svg{transform:translate(-4px)}.cta-secondary{color:#1a1a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a0d;border:1px solid #1a1a1a1a}.cta-secondary:hover{color:#d4af37;background:#1a1a1a1a;border-color:#d4af374d;transform:translateY(-3px)}.hero-stats{border-top:1px solid #1a1a1a1a;align-items:center;gap:2rem;padding-top:2rem;animation:.8s ease-out .8s both slideInUp;display:flex}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-number{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stat-divider{background:#1a1a1a1a;width:1px;height:40px}.hero-visual{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.visual-gradient-mesh{opacity:.6;width:100%;height:100%;position:absolute;inset:0}.mesh-blob{filter:blur(80px);border-radius:50%;animation:20s ease-in-out infinite blobFloat;position:absolute}.blob-1{background:radial-gradient(circle,#d4af3766 0%,#f4d03f33 50%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;right:-50px}.blob-2{background:radial-gradient(circle,#f4d03f59 0%,#d4af3726 50%,#0000 70%);width:350px;height:350px;animation-delay:7s;bottom:-80px;left:-30px}.blob-3{background:radial-gradient(circle,#d4af374d 0%,#f4d03f26 50%,#0000 70%);width:300px;height:300px;animation-delay:14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-25px,30px)scale(.9)}}.floating-shapes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shape{opacity:.15;animation:15s ease-in-out infinite shapeFloat;position:absolute}.shape-hexagon{clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);filter:blur(1px);background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);width:80px;height:80px;animation-delay:0s;top:10%;right:20%}.shape-circle{filter:blur(1px);background:linear-gradient(135deg,#f4d03f 0%,#d4af37 100%);border-radius:50%;width:60px;height:60px;animation-delay:3s;bottom:15%;left:15%}.shape-triangle{filter:blur(1px);border-bottom:70px solid #d4af3799;border-left:40px solid #0000;border-right:40px solid #0000;width:0;height:0;animation-delay:6s;top:60%;right:10%}.shape-diamond{filter:blur(1px);background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);width:50px;height:50px;animation-delay:9s;top:25%;left:25%;transform:rotate(45deg)}@keyframes shapeFloat{0%,to{opacity:.15;transform:translate(0)rotate(0)}25%{opacity:.25;transform:translate(20px,-30px)rotate(90deg)}50%{opacity:.2;transform:translate(-15px,20px)rotate(180deg)}75%{opacity:.25;transform:translate(25px,15px)rotate(270deg)}}.seo-dashboard{z-index:3;animation:6s ease-in-out infinite cardFloat;position:absolute;top:0%;right:0%}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #d4af374d;border-radius:20px;width:280px;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #00000026,0 0 0 1px #d4af371a}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #d4af3740,0 0 0 1px #d4af3733}.card-header{border-bottom:1px solid #d4af3726;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.card-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.card-icon-wrapper:before{content:"";opacity:.15;border-radius:12px;position:absolute;inset:0}.seo-icon{color:#4caf50}.seo-icon:before{background:linear-gradient(135deg,#4caf5033 0%,#66bb6a1a 100%)}.support-icon{color:#ff9800}.support-icon:before{background:linear-gradient(135deg,#ff980033 0%,#ffb74d1a 100%)}.dev-icon{color:#9c27b0}.dev-icon:before{background:linear-gradient(135deg,#9c27b033 0%,#ba68c81a 100%)}.card-title{color:#1a1a1a;font-size:1.125rem;font-weight:700}.seo-metrics{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.metric-item{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#1a1a1a99;font-size:.875rem}.metric-value{align-items:center;gap:.5rem;display:flex}.metric-number{color:#1a1a1a;font-size:1.125rem;font-weight:700}.metric-trend{font-size:1rem;font-weight:700}.metric-trend.up{color:#4caf50}.seo-chart{align-items:flex-end;gap:.5rem;height:80px;padding-top:1rem;display:flex}.chart-bar{background:linear-gradient(#4caf50 0%,#66bb6a 100%);border-radius:6px 6px 0 0;flex:1;min-height:20px;animation:2s ease-out chartGrow;position:relative;overflow:hidden}.chart-bar:after{content:"";background:linear-gradient(#ffffff4d 0%,#0000 100%);height:30%;position:absolute;top:0;left:0;right:0}@keyframes chartGrow{0%{height:0}}.support-dashboard{z-index:3;animation:6s ease-in-out 2s infinite cardFloat;position:absolute;top:10%;left:5%}.support-status{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.status-item{color:#1a1a1ab3;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.status-dot{background:#4caf50;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #4caf5080}.status-item.online .status-dot{background:#4caf50}.status-icon{font-size:1.125rem}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.support-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-box{text-align:center;background:linear-gradient(135deg,#ff98001a 0%,#ffb74d0d 100%);border:1px solid #ff980026;border-radius:12px;padding:.75rem}.stat-value{color:#ff9800;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.stat-label{color:#1a1a1a99;font-size:.75rem}.dev-dashboard{z-index:3;animation:6s ease-in-out 4s infinite cardFloat;position:absolute;bottom:-11%;right:15px;transform:translate(-50%,-50%)}.dev-progress{flex-direction:column;gap:1rem;display:flex}.progress-item{flex-direction:column;gap:.5rem;display:flex}.progress-label{color:#1a1a1ab3;font-size:.875rem;font-weight:500}.progress-bar{background:#9c27b01a;border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#9c27b0 0%,#ba68c8 100%);border-radius:4px;height:100%;animation:2s ease-out progressFill;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s ease-in-out infinite progressShimmer;position:absolute;inset:0}@keyframes progressFill{0%{width:0}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.code-snippet{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border:1px solid #d4af374d;border-radius:12px;width:300px;font-family:Courier New,monospace;animation:8s ease-in-out infinite codeFloat;position:absolute;bottom:-5%;left:0%;overflow:hidden;box-shadow:0 20px 60px #0000004d,0 0 0 1px #d4af3733}.code-header{background:#d4af371a;border-bottom:1px solid #d4af3733;align-items:center;gap:.75rem;height:40px;padding:0 1rem;display:flex}.code-dots{gap:.5rem;display:flex}.code-dots span{background:#d4af3766;border-radius:50%;width:10px;height:10px}.code-title{color:#d4af37cc;font-size:.75rem;font-weight:500}.code-content{padding:1rem;font-size:.75rem;line-height:1.6}.code-line{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.code-keyword{color:#c792ea}.code-text{color:#eff}.code-operator{color:#89ddff}.code-property{color:#82aaff}.code-string{color:#c3e88d}@keyframes codeFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.mockup-screen{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #d4af374d;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 1px #d4af371a,inset 0 1px #ffffffe6}.mockup-screen:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d4af370d 0%,#0000 100%);position:absolute;inset:0}.screen-header{background:linear-gradient(135deg,#d4af371a 0%,#f4d03f0d 100%);border-bottom:1px solid #d4af3733;align-items:center;gap:.75rem;height:50px;padding:0 1.5rem;display:flex}.screen-dots{gap:.5rem;display:flex}.screen-dots span{background:#d4af3766;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite dotPulse}.screen-dots span:first-child{animation-delay:0s}.screen-dots span:nth-child(2){animation-delay:.3s}.screen-dots span:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.screen-content{flex-direction:column;gap:1rem;height:calc(100% - 50px);padding:1.5rem;display:flex}.content-bar{background:linear-gradient(90deg,#d4af3733 0%,#f4d03f26 100%);border-radius:6px;height:12px;animation:3s ease-in-out infinite barShimmer;position:relative;overflow:hidden}.content-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}.bar-1{width:85%;animation-delay:0s}.bar-2{width:70%;animation-delay:.5s}.bar-3{width:60%;animation-delay:1s}@keyframes barShimmer{0%,to{opacity:.6}50%{opacity:1}}.content-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem;display:grid}.grid-item{background:linear-gradient(135deg,#d4af371a 0%,#f4d03f0d 100%);border:1px solid #d4af3726;border-radius:12px;animation:4s ease-in-out infinite gridPulse;position:relative;overflow:hidden}.grid-item:before{content:"";opacity:0;background:linear-gradient(135deg,#d4af371a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.grid-item:first-child{animation-delay:0s}.grid-item:nth-child(2){animation-delay:1s}.grid-item:nth-child(3){animation-delay:2s}.grid-item:nth-child(4){animation-delay:3s}@keyframes gridPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes mockupFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}}.particle-system{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.particle{width:4px;height:4px;animation:15s linear infinite particleFloat;animation-delay:var(--delay);opacity:0;background:radial-gradient(circle,#d4af37cc 0%,#0000 100%);border-radius:50%;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(var(--tx,100px),-100px)scale(1)}}.particle:nth-child(odd){--tx:150px;left:20%}.particle:nth-child(2n){--tx:-150px;left:80%}.particle:nth-child(3n){--tx:200px;left:50%}.particle:nth-child(4n){--tx:-100px;left:30%}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;gap:2rem}.hero-visual{height:400px}.seo-dashboard,.support-dashboard,.dev-dashboard{margin:1rem auto;position:relative;inset:auto;transform:none}.dashboard-card{width:100%;max-width:320px}.code-snippet{width:100%;max-width:320px;margin:1rem auto;position:relative;bottom:auto;right:auto}.blob-1,.blob-2,.blob-3{filter:blur(60px)}.blob-1{width:300px;height:300px}.blob-2{width:250px;height:250px}.blob-3{width:200px;height:200px}}@media (max-width:768px){.hero{min-height:auto;padding:1.5rem 0}.hero-container{padding:0 1.5rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-cta{flex-direction:column}.cta-btn{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem}.stat-divider{display:none}.hero-visual{flex-direction:column;gap:1.5rem;height:auto;min-height:400px;padding:2rem 0}.seo-dashboard,.support-dashboard,.dev-dashboard{width:100%;max-width:100%;position:relative}.dashboard-card{width:100%;max-width:100%;padding:1.25rem}.code-snippet{width:100%;max-width:100%;font-size:.7rem}.code-content{padding:.75rem}.shape-hexagon{width:50px;height:50px}.shape-circle{width:35px;height:35px}.shape-triangle{border-bottom-width:45px;border-left-width:25px;border-right-width:25px}.shape-diamond{width:30px;height:30px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-badge{padding:.5rem 1rem;font-size:.75rem}.stat-number{font-size:1.5rem}.hero-visual{min-height:350px;padding:1.5rem 0}.dashboard-card{width:100%;padding:1rem}.card-header{margin-bottom:1rem;padding-bottom:.75rem}.card-icon-wrapper{width:35px;height:35px}.card-title{font-size:1rem}.seo-chart{height:60px}.code-snippet{font-size:.65rem}.code-header{height:35px;padding:0 .75rem}.code-content{padding:.75rem}.blob-1,.blob-2,.blob-3{filter:blur(40px)}}.develop-section{background:#fff;padding:6rem 0;position:relative;overflow:hidden}.develop-section:before{content:"";opacity:1;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.develop-section-border{z-index:1;background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.develop-section:after{content:"";pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.develop-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.develop-header{text-align:right;max-width:800px;margin-bottom:5rem;margin-left:auto;margin-right:0;animation:.8s ease-out slideInUp}.develop-badge{color:#d4af37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4af371a;border:1px solid #d4af374d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;margin-left:auto;margin-right:0;padding:.625rem 1.25rem;font-size:.875rem;display:inline-flex}.develop-title{color:#1a1a1a;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.title-gold{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.develop-subtitle{color:#1a1a1ab3;max-width:700px;margin:0 0 0 auto;font-size:1.125rem;line-height:1.8}.develop-services{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.service-card{background:#fff;border:1px solid #d4af3733;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.service-card:before{content:"";opacity:0;background:linear-gradient(135deg,#4caf500d 0%,#0000 100%);border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.service-card:hover{border-color:#d4af3766;transform:translateY(-8px);box-shadow:0 12px 40px #d4af3726}.service-card:hover:before{opacity:1}.service-card-featured{background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);border:2px solid #d4af374d;box-shadow:0 8px 30px #d4af3733}.service-card-featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4af371a 0%,#0000 70%);border-radius:0 24px 0 100%;width:100px;height:100px;position:absolute;top:0;right:0}.featured-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 4px 15px #d4af374d}.develop-section .featured-badge{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);box-shadow:0 4px 15px #d4af374d}.service-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex;position:relative}.service-icon-bg{opacity:.2;border-radius:20px;transition:all .4s;position:absolute;inset:0}.service-icon-bg-1{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%)}.service-icon-bg-2{background:linear-gradient(135deg,#c9a227 0%,#d4af37 100%)}.service-icon-bg-3{background:linear-gradient(135deg,#b8941f 0%,#c9a227 100%)}.service-card:hover .service-icon-bg{opacity:.3;transform:scale(1.1)}.service-icon{z-index:1;color:#d4af37;filter:drop-shadow(0 4px 10px #d4af3733);transition:transform .4s;position:relative}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.service-title{color:#1a1a1a;z-index:1;margin-bottom:1rem;font-size:1.75rem;font-weight:700;position:relative}.service-description{color:#1a1a1ab3;z-index:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7;position:relative}.service-features{z-index:1;margin:0 0 1.5rem;padding:0;list-style:none;position:relative}.service-features li{color:#1a1a1acc;padding:.75rem 1.5rem .75rem 0;font-size:.95rem;transition:all .3s;position:relative}.service-features li:before{content:"✓";color:#d4af37;background:linear-gradient(135deg,#d4af3733 0%,#f4d03f26 100%);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:0}.service-card:hover .service-features li{transform:translate(-5px)}.service-tag{color:#d4af37;z-index:1;background:#d4af371a;border:1px solid #d4af3733;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block;position:relative}.service-card:hover .service-tag{background:#d4af3726;border-color:#d4af374d;transform:scale(1.05)}.develop-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid;position:relative}.service-card-new{background:#fff;border:1px solid #d4af3726;border-radius:24px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.service-card-new:before{content:"";opacity:1;pointer-events:none;background:linear-gradient(135deg,#d4af3705 0%,#d4af3703 100%);transition:opacity .4s;position:absolute;inset:0}.service-card-new:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014,0 4px 16px #d4af371a}.service-card-inner{flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex;position:relative}.service-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.service-icon-box{color:#d4af37;background:linear-gradient(135deg,#d4af371f 0%,#f4d03f1a 100%);border:1px solid #d4af3726;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #d4af3726}.service-card-new:hover .service-icon-box{transform:translateY(-4px)scale(1.05)}.service-icon-box svg{transition:transform .4s}.service-card-new:hover .service-icon-box svg{transform:rotate(5deg)scale(1.1)}.service-category{color:#d4af37;letter-spacing:.3px;background:#d4af371a;border:1px solid #d4af3733;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s}.service-card-new:hover .service-category{transform:translateY(-2px)}.service-name{color:#000;text-align:center;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3;transition:color .3s}.service-name strong{color:#d4af37}.service-text{color:#1a1a1abf;margin:0;font-size:1rem;line-height:1.75;transition:color .3s}.service-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.service-list-item{color:#1a1a1ad9;align-items:center;gap:.75rem;padding:.625rem 0;font-size:.9375rem;transition:all .3s;display:flex}.service-list-item svg{color:#d4af37;flex-shrink:0;width:16px;height:16px;transition:all .3s;transform:scale(1.2)}.service-card-new:hover .service-list-item{transform:translate(4px)}.service-gallery{border-radius:12px;width:100%;height:220px;margin:1.5rem 0;position:relative;overflow:hidden}.gallery-item{border:2px solid #fffc;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:0 8px 20px #d4af3733}.gallery-item-1{z-index:3;width:160px;height:130px;top:15px;right:20px;transform:rotate(-8deg)}.gallery-item-2{z-index:2;width:180px;height:140px;bottom:20px;right:60px;transform:rotate(12deg)}.gallery-item-3{z-index:1;width:150px;height:120px;top:50px;right:180px;transform:rotate(-15deg)}.service-card-new:hover .gallery-item-1{transform:rotate(-5deg)translateY(-5px)scale(1.05)}.service-card-new:hover .gallery-item-2{transform:rotate(8deg)translateY(-5px)scale(1.05)}.service-card-new:hover .gallery-item-3{transform:rotate(-10deg)translateY(-5px)scale(1.05)}.gallery-image{background:linear-gradient(135deg,#d4af3726 0%,#f4d03f1f 25%,#d4af371a 50%,#f4d03f26 75%,#d4af371f 100%) 0 0/200% 200%;width:100%;height:100%;animation:8s infinite gradientShift;position:relative;overflow:hidden}.gallery-image:before{content:"";opacity:.3;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 10px 20px),repeating-linear-gradient(-45deg,#0000,#0000 10px,#ffffff0d 10px 20px);position:absolute;inset:0}.gallery-item-1 .gallery-image{background:linear-gradient(135deg,#d4af3733 0%,#f4d03f26 50%,#d4af372e 100%)}.gallery-item-2 .gallery-image{background:linear-gradient(135deg,#f4d03f2e 0%,#d4af3726 50%,#f4d03f33 100%)}.gallery-item-3 .gallery-image{background:linear-gradient(135deg,#d4af3726 0%,#f4d03f33 50%,#d4af3726 100%)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.service-stats{background:linear-gradient(135deg,#d4af370a 0%,#f4d03f08 100%);border:1px solid #d4af3714;border-radius:12px;justify-content:space-between;align-items:center;margin:.5rem 0;padding:1rem;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.stat-value{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1;transition:all .3s}.service-card-new:hover .stat-value{transform:scale(1.1)}.stat-label{color:#1a1a1a99;font-size:.75rem;font-weight:500}.service-tech{flex-wrap:wrap;align-content:flex-start;gap:.5rem;min-height:3.5rem;margin:1rem 0 1.5rem;display:flex}.tech-tag{color:#d4af37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #d4af3740;border-radius:6px;padding:.375rem .875rem;font-size:.75rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #d4af3726}.service-card-new:hover .tech-tag{transform:translateY(-2px)}.service-price{background:linear-gradient(135deg,#dc26261f 0%,#ef44441a 100%);border:1px solid #dc262640;border-radius:14px;justify-content:space-between;align-items:center;margin:.75rem 0;padding:1.25rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #dc262626}.service-card-new:hover .service-price{transform:translateY(-2px)}.price-label{color:#1a1a1a99;font-size:.875rem;font-weight:500}.price-amount{direction:rtl;align-items:baseline;gap:.25rem;display:flex}.price-value{background:linear-gradient(135deg,#dc2626 0%,#ef4444 50%,#dc2626 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1;transition:all .3s;animation:3s ease-in-out infinite priceShimmer}@keyframes priceShimmer{0%,to{background-position:0%}50%{background-position:100%}}.service-card-new:hover .price-value{transform:scale(1.05)}.price-currency{color:#dc2626;margin-left:.25rem;font-size:1rem;font-weight:600}.price-unit{color:#1a1a1a80;font-size:.75rem;font-weight:500}@media (max-width:1024px){.develop-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (max-width:768px){.develop-section{padding:4rem 0}.develop-container{padding:0 1.5rem}.develop-header{text-align:right;margin-bottom:3rem}.develop-title{font-size:2.25rem}.develop-subtitle{font-size:1rem}.develop-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.service-card-inner{padding:2rem}.service-icon-box{width:56px;height:56px}.service-name{font-size:1.5rem}.service-gallery{height:180px}.gallery-item-1{width:130px;height:105px;top:12px;right:15px}.gallery-item-2{width:150px;height:115px;bottom:15px;right:50px}.gallery-item-3{width:120px;height:95px;top:40px;right:140px}.service-stats{padding:.875rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.service-price{padding:1rem 1.25rem}.price-value{font-size:1.75rem}.price-currency{font-size:.9375rem}}@media (max-width:480px){.develop-section{padding:3rem 0}.develop-title{font-size:1.75rem}.develop-grid{gap:1.25rem}.service-card-inner{gap:1.25rem;padding:1.75rem 1.5rem}.service-icon-box{width:48px;height:48px}.service-icon-box svg{width:24px;height:24px}.service-name{font-size:1.375rem}.service-text{font-size:.9375rem}.service-list-item{font-size:.875rem}.service-gallery{height:150px;margin:1rem 0}.gallery-item-1{width:100px;height:80px;top:8px;right:10px}.gallery-item-2{width:120px;height:90px;bottom:10px;right:40px}.gallery-item-3{width:90px;height:70px;top:30px;right:100px}.service-stats{flex-direction:row;gap:.5rem;padding:.75rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.65rem}.tech-tag{padding:.3rem .7rem;font-size:.7rem}.service-price{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.price-amount{justify-content:flex-start;width:100%}.price-value{font-size:1.5rem}.price-currency{font-size:.875rem}.price-label{font-size:.8rem}}.seo-card{background:#fff;border:1px solid #d4af3733;border-radius:24px;flex-direction:column;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.seo-card:before{content:"";opacity:0;background:linear-gradient(135deg,#d4af370d 0%,#0000 100%);border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.seo-card:hover{border-color:#d4af3766;transform:translateY(-8px);box-shadow:0 12px 40px #d4af3726}.seo-card:hover:before{opacity:1}.seo-card-featured{background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);border:2px solid #d4af374d;box-shadow:0 8px 30px #d4af3733}.seo-card-featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4af371a 0%,#0000 70%);border-radius:0 24px 0 100%;width:100px;height:100px;position:absolute;top:0;right:0}.seo-card-premium{background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);border:2px solid #d4af3766;position:relative;box-shadow:0 8px 30px #d4af3740}.seo-card-premium:after{content:"";background:linear-gradient(90deg,#d4af37 0%,#f4d03f 50%,#d4af37 100%);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.seo-card-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.seo-icon-wrapper{justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex;position:relative}.seo-icon-bg{opacity:.2;border-radius:18px;transition:all .4s;position:absolute;inset:0}.seo-icon-bg-1,.seo-icon-bg-2,.seo-icon-bg-3{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%)}.seo-card:hover .seo-icon-bg{opacity:.3;transform:scale(1.1)}.seo-icon{z-index:1;color:#d4af37;filter:drop-shadow(0 4px 10px #d4af3733);transition:transform .4s;position:relative}.seo-card:hover .seo-icon{transform:scale(1.1)rotate(5deg)}.seo-package-title{color:#1a1a1a;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.seo-package-tag{color:#d4af37;background:#d4af371a;border:1px solid #d4af3733;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.seo-card:hover .seo-package-tag{background:#d4af3726;border-color:#d4af374d;transform:scale(1.05)}.seo-package-content{z-index:1;flex:1;position:relative}.seo-features{margin:0;padding:0;list-style:none}.seo-features li{color:#1a1a1acc;border-bottom:1px solid #1a1a1a0d;padding:.75rem 1.5rem .75rem 0;font-size:.95rem;transition:all .3s;position:relative}.seo-features li:last-child{border-bottom:none}.seo-features li:before{content:"✓";color:#d4af37;background:linear-gradient(135deg,#d4af3733 0%,#f4d03f26 100%);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:0}.seo-card:hover .seo-features li{color:#1a1a1ae6;transform:translate(-5px)}.support-card{background:#fff;border:1px solid #ff980033;border-radius:24px;flex-direction:column;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.support-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ff98000d 0%,#0000 100%);border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.support-card:hover{border-color:#ff980066;transform:translateY(-8px);box-shadow:0 12px 40px #ff980026}.support-card:hover:before{opacity:1}.support-card-featured{background:linear-gradient(135deg,#fff 0%,#fff8eb 100%);border:2px solid #ff98004d;box-shadow:0 8px 30px #ff980033}.support-card-featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff98001a 0%,#0000 70%);border-radius:0 24px 0 100%;width:100px;height:100px;position:absolute;top:0;right:0}.support-card-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.support-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;position:relative}.support-icon-bg{opacity:.2;border-radius:20px;transition:all .4s;position:absolute;inset:0}.support-icon-bg-1{background:linear-gradient(135deg,#2196f3 0%,#42a5f5 100%)}.support-icon-bg-2,.support-icon-bg-3{background:linear-gradient(135deg,#ff9800 0%,#ffb74d 100%)}.support-card:hover .support-icon-bg{opacity:.3;transform:scale(1.1)}.support-icon{z-index:1;color:#ff9800;filter:drop-shadow(0 4px 10px #ff980033);transition:transform .4s;position:relative}.support-card:hover .support-icon{transform:scale(1.1)rotate(5deg)}.support-service-title{color:#1a1a1a;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.support-service-tag{color:#ff9800;background:#ff98001a;border:1px solid #ff980033;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.support-card:hover .support-service-tag{background:#ff980026;border-color:#ff98004d;transform:scale(1.05)}.support-service-content{z-index:1;flex:1;position:relative}.support-service-description{color:#1a1a1ab3;text-align:center;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.support-features{margin:0;padding:0;list-style:none}.support-features li{color:#1a1a1acc;border-bottom:1px solid #1a1a1a0d;padding:.75rem 1.5rem .75rem 0;font-size:.95rem;transition:all .3s;position:relative}.support-features li:last-child{border-bottom:none}.support-features li:before{content:"✓";color:#ff9800;background:linear-gradient(135deg,#ff980033 0%,#ffb74d26 100%);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:0}.support-card:hover .support-features li{color:#1a1a1ae6;transform:translate(-5px)}.team-section{background:linear-gradient(#fafafa 0%,#fff 100%);padding:5rem 0;position:relative;overflow:hidden}.team-section:before{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.team-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.team-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out slideInUp}.team-badge{color:#d4af37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4af371a;border:1px solid #d4af374d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;display:inline-flex}.team-title{color:#1a1a1a;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.team-subtitle{color:#1a1a1ab3;max-width:700px;margin:0 auto;font-size:1.125rem;line-height:1.8}.team-members{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;display:grid}.team-card{text-align:center;background:#fff;border:1px solid #d4af3733;border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.team-card:before{content:"";opacity:0;background:linear-gradient(135deg,#d4af370d 0%,#0000 100%);border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.team-card:hover{border-color:#d4af3766;transform:translateY(-8px);box-shadow:0 12px 40px #d4af3726}.team-card:hover:before{opacity:1}.team-avatar{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.5rem;display:flex;position:relative}.avatar-bg{opacity:.2;border-radius:50%;transition:all .4s;position:absolute;inset:0}.avatar-bg-1{background:linear-gradient(135deg,#2196f3 0%,#42a5f5 100%)}.avatar-bg-2{background:linear-gradient(135deg,#4caf50 0%,#66bb6a 100%)}.avatar-bg-3{background:linear-gradient(135deg,#9c27b0 0%,#ba68c8 100%)}.avatar-bg-4{background:linear-gradient(135deg,#ff9800 0%,#ffb74d 100%)}.team-card:hover .avatar-bg{opacity:.3;transform:scale(1.1)}.avatar-placeholder{z-index:1;color:#fff;background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2rem;font-weight:700;transition:transform .4s;display:flex;position:relative;box-shadow:0 4px 20px #d4af374d}.team-card:hover .avatar-placeholder{transform:scale(1.1)rotate(5deg)}.team-member-name{color:#1a1a1a;z-index:1;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;position:relative}.team-member-role{color:#d4af37;z-index:1;margin-bottom:1rem;font-size:1rem;font-weight:600;position:relative}.team-member-bio{color:#1a1a1ab3;z-index:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7;position:relative}.team-member-skills{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex;position:relative}.skill-tag{color:#d4af37;background:#d4af371a;border:1px solid #d4af3733;border-radius:20px;padding:.4rem .875rem;font-size:.75rem;font-weight:500;transition:all .3s;display:inline-block}.team-card:hover .skill-tag{background:#d4af3726;border-color:#d4af374d;transform:translateY(-2px)}@media (max-width:1024px){.team-members{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.team-section{padding:3rem 0}.team-container{padding:0 1.5rem}.team-header{margin-bottom:3rem}.team-title{font-size:2.25rem}.team-subtitle{font-size:1rem}.team-members{grid-template-columns:repeat(2,1fr);gap:1.5rem}.team-card{padding:2rem}}@media (max-width:480px){.team-title{font-size:1.75rem}.team-members{grid-template-columns:1fr}.team-card{padding:1.5rem}.team-avatar{width:100px;height:100px}.avatar-placeholder{width:80px;height:80px;font-size:1.5rem}.team-member-name{font-size:1.25rem}}.blog-section{background:#fff;padding:6rem 0;position:relative;overflow:hidden}.blog-section:before{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.blog-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.blog-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out slideInUp}.blog-badge{color:#d4af37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4af371a;border:1px solid #d4af374d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;display:inline-flex}.blog-title{color:#1a1a1a;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.blog-subtitle{color:#1a1a1ab3;max-width:700px;margin:0 auto;font-size:1.125rem;line-height:1.8}.blog-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.blog-card{background:#fff;border:1px solid #d4af3733;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.blog-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#d4af370d 0%,#0000 100%);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.blog-card:hover{border-color:#d4af3766;transform:translateY(-8px);box-shadow:0 12px 40px #d4af3726}.blog-card:hover:before{opacity:1}.blog-card-link{color:inherit;height:100%;text-decoration:none;display:block}.blog-card-image{height:180px;position:relative;overflow:hidden}.blog-image-placeholder{background:linear-gradient(135deg,#d4af3726 0%,#f4d03f1f 50%,#d4af371a 100%);width:100%;height:100%;transition:transform .4s}.blog-image-1 .blog-image-placeholder{background:linear-gradient(135deg,#4caf5033 0%,#66bb6a26 100%)}.blog-image-2 .blog-image-placeholder{background:linear-gradient(135deg,#9c27b033 0%,#ba68c826 100%)}.blog-image-3 .blog-image-placeholder{background:linear-gradient(135deg,#2196f333 0%,#42a5f526 100%)}.blog-image-4 .blog-image-placeholder{background:linear-gradient(135deg,#ff980033 0%,#ffb74d26 100%)}.blog-card:hover .blog-image-placeholder{transform:scale(1.08)}.blog-card-content{z-index:2;padding:1.5rem;position:relative}.blog-card-category{color:#d4af37;background:#d4af371a;border:1px solid #d4af3740;border-radius:8px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.blog-card:hover .blog-card-category{background:#d4af3726;border-color:#d4af3759}.blog-card-title{color:#1a1a1a;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.4;transition:color .3s}.blog-card:hover .blog-card-title{color:#d4af37}.blog-card-excerpt{color:#1a1a1ab3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #1a1a1a14;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.blog-card-date{color:#1a1a1a80;font-size:.8rem;font-weight:500}.blog-card-readmore{color:#d4af37;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.blog-card-readmore svg{transition:transform .3s}.blog-card:hover .blog-card-readmore{color:#c9a227}.blog-card:hover .blog-card-readmore svg{transform:translate(4px)}.blog-cta{text-align:center}.blog-cta-btn{color:#fff;background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);border:1px solid #d4af374d;border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #d4af3766}.blog-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d4af3780}.blog-cta-btn svg{transition:transform .3s}.blog-cta-btn:hover svg{transform:translate(4px)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.blog-section{padding:4rem 0}.blog-container{padding:0 1.5rem}.blog-header{margin-bottom:3rem}.blog-title{font-size:2.25rem}.blog-subtitle{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.blog-card-image{height:200px}.blog-card-content{padding:1.25rem}}@media (max-width:480px){.blog-title{font-size:1.75rem}.blog-card-image{height:180px}.blog-card-title{font-size:1rem}.blog-card-excerpt{font-size:.85rem}}.status-section{background:linear-gradient(#fafafa 0%,#fff 100%);padding:6rem 0;position:relative;overflow:hidden}.status-section:before{content:"";background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.status-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.status-header{text-align:center;margin-bottom:3rem;animation:.8s ease-out slideInUp}.status-badge{color:#d4af37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4af371a;border:1px solid #d4af374d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;display:inline-flex}.status-title{color:#1a1a1a;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.status-subtitle{color:#1a1a1ab3;max-width:700px;margin:0 auto;font-size:1.125rem;line-height:1.8}.status-overview{background:#ffffffe6;border:1px solid #d4af3733;border-radius:16px;justify-content:center;align-items:center;gap:3rem;margin-bottom:3rem;padding:1.25rem 2rem;display:flex;box-shadow:0 4px 20px #0000000d}.status-overview-item{flex-direction:column;align-items:center;gap:.75rem;display:flex}.status-overview-dot{border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite statusPulse}.status-dot-online{background:#4caf50;box-shadow:0 0 12px #4caf5099}.status-overview-value{background:linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.status-overview-label{color:#1a1a1a99;font-size:.875rem}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.status-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.status-card{background:#fff;border:1px solid #d4af3733;border-radius:20px;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.status-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#d4af3708 0%,#0000 100%);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.status-card:hover{border-color:#d4af3759;transform:translateY(-6px);box-shadow:0 12px 40px #d4af371f}.status-card:hover:before{opacity:1}.status-card-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex;position:relative}.status-card-icon{color:#d4af37;background:linear-gradient(135deg,#d4af371f 0%,#f4d03f14 100%);border:1px solid #d4af3733;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.status-card:hover .status-card-icon{transform:scale(1.05)}.status-card-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.status-badge-online{color:#2e7d32;background:#4caf501f;border:1px solid #4caf504d}.status-badge-offline{color:#c62828;background:#f443361f;border:1px solid #f443364d}.status-badge-maintenance{color:#e65100;background:#ff98001f;border:1px solid #ff98004d}.status-badge-degraded{color:#f57f17;background:#ffc1071f;border:1px solid #ffc1074d}.status-pulse{border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusPulse}.status-pulse-online{background:#4caf50}.status-pulse-offline{background:#f44336}.status-pulse-maintenance{background:#ff9800}.status-pulse-degraded{background:#ffc107}.status-card-name{color:#1a1a1a;z-index:1;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;position:relative}.status-card-desc{color:#1a1a1a99;z-index:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5;position:relative}.status-card-metrics{z-index:1;background:#d4af370d;border:1px solid #d4af371a;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;position:relative}.status-metric{flex-direction:column;flex:1;gap:.25rem;display:flex}.status-metric-value{color:#1a1a1a;font-size:1.25rem;font-weight:700}.status-metric-label{color:#1a1a1a80;font-size:.75rem}.status-metric-divider{background:#d4af3733;width:1px;height:36px}.status-card-bar{z-index:1;background:#1a1a1a14;border-radius:3px;height:6px;position:relative;overflow:hidden}.status-bar-fill{border-radius:3px;height:100%;transition:width .6s}.status-bar-online{background:linear-gradient(90deg,#4caf50 0%,#66bb6a 100%)}.status-bar-offline{background:linear-gradient(90deg,#f44336 0%,#e57373 100%)}.status-bar-maintenance{background:linear-gradient(90deg,#ff9800 0%,#ffb74d 100%)}.status-bar-degraded{background:linear-gradient(90deg,#ffc107 0%,#ffd54f 100%)}.status-footer-note{text-align:center;color:#1a1a1a80;font-size:.875rem}@media (max-width:1024px){.status-grid{grid-template-columns:repeat(2,1fr)}.status-overview{gap:2rem}}@media (max-width:768px){.status-section{padding:4rem 0}.status-container{padding:0 1.5rem}.status-header{margin-bottom:2.5rem}.status-title{font-size:2.25rem}.status-subtitle{font-size:1rem}.status-overview{flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem}.status-grid{grid-template-columns:1fr;gap:1.25rem}.status-card{padding:1.5rem}}@media (max-width:480px){.status-title{font-size:1.75rem}.status-card-name,.status-metric-value{font-size:1.125rem}}
