.DeploymentTab_deploymentTab__8BVNz{--tab-text-primary:#fff;--tab-text-secondary:#94a3b8;--tab-bg-subtle:hsla(0,0%,100%,.03);--tab-border:hsla(0,0%,100%,.08);padding:1.5rem;animation:DeploymentTab_fadeIn__0b0Br .4s ease-out}@media (prefers-color-scheme:light){.DeploymentTab_deploymentTab__8BVNz{--tab-text-primary:#0f172a;--tab-text-secondary:#64748b;--tab-bg-subtle:rgba(15,23,42,.03);--tab-border:rgba(15,23,42,.1)}}.DeploymentTab_section__Ww_yU{margin-bottom:2rem}.DeploymentTab_section__Ww_yU:last-child{margin-bottom:0}.DeploymentTab_sectionTitle__pQF4P{font-size:1.1rem;font-weight:600;color:var(--tab-text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.DeploymentTab_sectionTitle__pQF4P i{font-size:1rem;color:var(--color-accent,#60a5fa)}.DeploymentTab_pipeline__k_wUh{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;position:relative;overflow:hidden}.DeploymentTab_pipelineStep__bRu2e{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2}.DeploymentTab_stepIcon__QLJo_{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);transition:all .3s ease}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_completed__FnWrj .DeploymentTab_stepIcon__QLJo_{background:#22c55e20;border-color:#22c55e;color:#22c55e}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_active__ktEla .DeploymentTab_stepIcon__QLJo_{background:#60a5fa20;border-color:#60a5fa;color:#60a5fa;animation:DeploymentTab_pulse__kADqz 2s infinite}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_pending__zFe3i .DeploymentTab_stepIcon__QLJo_{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.1);color:var(--tab-text-secondary)}.DeploymentTab_stepContent__vR4gU{text-align:center}.DeploymentTab_stepLabel__CvzNX{font-size:.875rem;font-weight:600;color:var(--tab-text-primary);margin-bottom:.25rem}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_pending__zFe3i .DeploymentTab_stepLabel__CvzNX,.DeploymentTab_stepTime__fUQgB{color:var(--tab-text-secondary)}.DeploymentTab_stepTime__fUQgB{font-size:.75rem}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_completed__FnWrj .DeploymentTab_stepTime__fUQgB{color:#22c55e}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_active__ktEla .DeploymentTab_stepTime__fUQgB{color:#60a5fa}.DeploymentTab_pipelineArrow__wxjOF{width:2rem;height:2px;background:hsla(0,0%,100%,.1);position:relative;flex-shrink:0}.DeploymentTab_pipelineArrow__wxjOF:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid hsla(0,0%,100%,.1);border-top:4px solid transparent;border-bottom:4px solid transparent}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_completed__FnWrj+.DeploymentTab_pipelineArrow__wxjOF{background:#22c55e}.DeploymentTab_pipelineStep__bRu2e.DeploymentTab_completed__FnWrj+.DeploymentTab_pipelineArrow__wxjOF:after{border-left-color:#22c55e}.DeploymentTab_progressSection__WjhJJ{margin-bottom:1.5rem}.DeploymentTab_progressHeader__NxIoE{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.DeploymentTab_progressLabel__4ibJ2{font-size:.875rem;font-weight:600;color:var(--tab-text-primary)}.DeploymentTab_progressValue__xqS3A{font-size:.875rem;font-weight:700;color:var(--color-accent,#60a5fa)}.DeploymentTab_progressBar__4t8vX{width:100%;height:.5rem;background:hsla(0,0%,100%,.05);border-radius:.25rem;overflow:hidden;position:relative}.DeploymentTab_progressFill__htSku{height:100%;background:linear-gradient(90deg,var(--color-accent,#60a5fa),var(--color-primary,#2d65bc));border-radius:.25rem;transition:width .3s ease;position:relative}.DeploymentTab_progressFill__htSku:after{content:"";position:absolute;top:0;right:0;width:3rem;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3));animation:DeploymentTab_shimmer__yI0jM 1.5s infinite}.DeploymentTab_platformsGrid__rN_Sy{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.DeploymentTab_platformCard__NBsnO{padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;transition:all .3s ease;cursor:pointer}.DeploymentTab_platformCard__NBsnO:hover{background:hsla(0,0%,100%,.05);border-color:var(--color-accent,#60a5fa);transform:translateY(-2px)}.DeploymentTab_platformHeader__Hfauq{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.DeploymentTab_platformIcon__jgzwo{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:hsla(0,0%,100%,.05)}.DeploymentTab_platformStatus__79pw4{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#22c55e20;color:#22c55e;border-radius:.25rem;font-size:.75rem;font-weight:600}.DeploymentTab_platformStatus__79pw4.DeploymentTab_ready__y8QW5{background:#60a5fa20;color:#60a5fa}.DeploymentTab_statusDot__dH5V4{width:.375rem;height:.375rem;border-radius:50%;background:currentColor;animation:DeploymentTab_pulse__kADqz 2s infinite}.DeploymentTab_platformName__oC537{font-size:.9rem;font-weight:600;color:var(--tab-text-primary);margin-bottom:.25rem}.DeploymentTab_platformTime__Z5ldG{font-size:.75rem;color:var(--tab-text-secondary)}.DeploymentTab_statsGrid__GvUaE{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.DeploymentTab_statCard__VKIHX{padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.DeploymentTab_statCard__VKIHX:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px)}.DeploymentTab_statIcon__WFCUS{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:hsla(0,0%,100%,.05);color:var(--color-accent,#60a5fa);flex-shrink:0}.DeploymentTab_statContent__bUmCg{flex:1 1;min-width:0}.DeploymentTab_statValue__Ea2qa{font-size:1.25rem;font-weight:700;color:var(--tab-text-primary);margin-bottom:.25rem}.DeploymentTab_statLabel__3ufzU{font-size:.75rem;color:var(--tab-text-secondary);margin-bottom:.25rem}.DeploymentTab_statTrend__q_sWn{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#22c55e}.DeploymentTab_statTrend__q_sWn.DeploymentTab_negative__BEJGl{color:#ef4444}.DeploymentTab_statTrend__q_sWn i{font-size:.625rem}.DeploymentTab_environmentsList__uBo_z{display:flex;flex-direction:column;gap:1rem}.DeploymentTab_environmentCard__juHxh{padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.DeploymentTab_environmentCard__juHxh:hover{background:hsla(0,0%,100%,.05);border-color:var(--color-accent,#60a5fa)}.DeploymentTab_environmentInfo__yBwiO{display:flex;align-items:center;gap:1rem}.DeploymentTab_environmentIcon__eyyD1{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:hsla(0,0%,100%,.05);color:var(--color-accent,#60a5fa)}.DeploymentTab_environmentDetails__hDL4a{display:flex;flex-direction:column;gap:.25rem}.DeploymentTab_environmentName__Pzo3K{font-size:.9rem;font-weight:600;color:var(--tab-text-primary)}.DeploymentTab_environmentUrl__qzMEA{font-size:.75rem;color:var(--tab-text-secondary);font-family:Courier New,monospace}.DeploymentTab_environmentStats__7ZYNy{display:flex;align-items:center;gap:1rem}.DeploymentTab_environmentUptime__9sHlX{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.DeploymentTab_uptimeValue__J675H{font-size:.9rem;font-weight:700;color:#22c55e}.DeploymentTab_uptimeLabel__LYqwF{font-size:.7rem;color:var(--tab-text-secondary)}.DeploymentTab_environmentHealth__7okMU{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#22c55e20;color:#22c55e;border-radius:.375rem;font-size:.75rem;font-weight:600}.DeploymentTab_healthDot__56BZP{width:.375rem;height:.375rem;border-radius:50%;background:currentColor;animation:DeploymentTab_pulse__kADqz 2s infinite}@keyframes DeploymentTab_fadeIn__0b0Br{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes DeploymentTab_pulse__kADqz{0%,to{opacity:1}50%{opacity:.5}}@keyframes DeploymentTab_shimmer__yI0jM{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.DeploymentTab_deploymentTab__8BVNz{padding:1rem}.DeploymentTab_pipeline__k_wUh{flex-direction:column;gap:1.5rem;padding:1rem}.DeploymentTab_pipelineArrow__wxjOF{width:2px;height:2rem;transform:rotate(90deg)}.DeploymentTab_platformsGrid__rN_Sy,.DeploymentTab_statsGrid__GvUaE{grid-template-columns:1fr}.DeploymentTab_environmentCard__juHxh{flex-direction:column;align-items:flex-start;gap:1rem}.DeploymentTab_environmentStats__7ZYNy{width:100%;justify-content:space-between}.DeploymentTab_sectionTitle__pQF4P{font-size:1rem}}@media (max-width:480px){.DeploymentTab_deploymentTab__8BVNz{padding:.75rem}.DeploymentTab_section__Ww_yU{margin-bottom:1.5rem}.DeploymentTab_stepIcon__QLJo_{width:2.5rem;height:2.5rem;font-size:1rem}.DeploymentTab_stepLabel__CvzNX{font-size:.8rem}.DeploymentTab_stepTime__fUQgB{font-size:.7rem}.DeploymentTab_environmentCard__juHxh,.DeploymentTab_platformCard__NBsnO,.DeploymentTab_statCard__VKIHX{padding:.75rem}}.dashboard-wrapper{--dashboard-text-primary:#fff;--dashboard-text-secondary:#94a3b8;position:relative;width:100%;max-width:1300px;height:700px;margin:0 auto;perspective:1300px;overflow:visible}@media (prefers-color-scheme:light){.dashboard-wrapper{--dashboard-text-primary:#0f172a;--dashboard-text-secondary:#64748b}}.floating-shapes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:24px}.shape{filter:blur(60px);opacity:.6;animation:float 20s ease-in-out infinite;will-change:transform}.shape1{width:300px;height:300px;top:-50px;left:-50px;background:linear-gradient(135deg,var(--color-highlight,#2d65bc) 0,var(--color-accent,#1e4a8a) 100%);animation-delay:0s}.shape2{width:250px;height:250px;bottom:-50px;right:-50px;background:linear-gradient(135deg,var(--color-bright,#3b82f6) 0,var(--color-highlight,#2d65bc) 100%);animation-delay:7s}.shape3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--color-accent,#1e4a8a) 0,var(--color-bright,#3b82f6) 100%);animation-delay:14s}.dashboard-wrapper{--color-primary:#2d65bc;--color-secondary:#0f172a;--color-accent:#60a5fa;--color-highlight:#2d65bc;--color-bright:#60a5fa;--color-success:#22c55e;--color-warning:#facc15;--gradient-start:#2d65bc;--gradient-end:#60a5fa}:root{--color-highlight:#2d65bc;--color-bright:#60a5fa;--gradient-start:#2d65bc;--gradient-end:#60a5fa}.dashboard{position:relative;z-index:1;width:100%;max-width:1300px;height:100%;background:rgba(5,10,21,.95);border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(45,101,188,.2),inset 0 1px 1px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform;display:flex;flex-direction:column}.dashboard--light{background:rgba(248,250,252,.95);border-color:rgba(0,0,0,.08);color:var(--color-secondary)}.dashboard--light .dashboard__header{background:hsla(0,0%,100%,.5);border-bottom-color:rgba(0,0,0,.08);color:var(--color-secondary)}.dashboard--light .dashboard__sidebar{background:rgba(0,0,0,.03);border-right-color:rgba(0,0,0,.08)}.dashboard--light .dashboard__tab{color:rgba(15,23,42,.6)}.dashboard--light .dashboard__tab:hover{color:var(--color-primary);background:rgba(45,101,188,.05)}.dashboard--light .dashboard__tab--active{color:var(--color-primary);background:rgba(45,101,188,.1);border-left-color:var(--color-primary)}.dashboard--light .dashboard__content,.dashboard--light .dashboard__panel-title{color:var(--color-secondary)}.dashboard__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.08);min-height:50px;flex-shrink:0}.dashboard__header-left{display:flex;align-items:center;gap:.625rem;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f8fafc}.dashboard__header-left i{font-size:.875rem;color:var(--color-primary)}.dashboard__header-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{width:2rem;height:2rem;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);color:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.theme-toggle:hover{background:var(--color-highlight,#2d65bc);border-color:var(--color-highlight,#2d65bc);transform:scale(1.1) rotate(15deg)}.theme-toggle:focus-visible{outline:2px solid var(--color-highlight,#2d65bc);outline-offset:2px}.dashboard--light .theme-toggle{border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.05);color:#0f172a}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:rgba(45,101,188,.1);border:1px solid rgba(45,101,188,.3);font-size:11px;font-weight:600;color:var(--color-highlight,#2d65bc)}.status-dot{width:8px;height:8px;position:relative;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot,.status-dot:before{border-radius:50%;background:#10b981}.status-dot:before{content:"";position:absolute;inset:-4px;opacity:0;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}.dashboard__container{display:flex;flex:1 1;overflow:hidden;min-height:0}.dashboard__sidebar{background:rgba(0,0,0,.4);border-right:1px solid hsla(0,0%,100%,.1);padding:16px 0;display:flex;flex-direction:column;gap:8px;width:160px;flex-shrink:0}.dashboard__tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;min-height:70px;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--dashboard-text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.dashboard__tab:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:var(--dashboard-text-primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.dashboard__tab:focus{outline:2px solid var(--color-highlight,#2d65bc);outline-offset:2px}.dashboard__tab--active{background:linear-gradient(135deg,var(--color-highlight,#2d65bc) 0,var(--color-accent,#1e4a8a) 100%);border-color:var(--color-bright,#2d65bc);color:var(--dashboard-text-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px rgba(45,101,188,.5),0 0 0 2px var(--color-bright,rgba(45,101,188,.2))}.dashboard__tab--active:before{display:none}.dashboard__tab--active .dashboard__tab-icon i{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dashboard__tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dashboard__tab--active .dashboard__tab-icon{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(102,126,234,.6))}.dashboard__tab-label{line-height:1.2}.dashboard__content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:24px;position:relative;background:hsla(0,0%,100%,.03);border-radius:16px;border:1px solid hsla(0,0%,100%,.05);color:var(--dashboard-text-primary)}@media (prefers-color-scheme:light){.dashboard__content{color:#0f172a}}.dashboard__content::-webkit-scrollbar{width:6px}.dashboard__content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.dashboard__content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.dashboard__content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.dashboard--light .dashboard__content::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.dashboard--light .dashboard__content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.dashboard__panel,.dashboard__panel--fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard__panel-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;margin-bottom:20px;color:var(--dashboard-text-primary)}.dashboard__panel-title i{color:#667eea}.planning{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.planning__wireframe{position:relative;padding:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:grid;grid-template-areas:"header header" "sidebar content" "footer footer";grid-template-columns:1fr 2fr;grid-template-rows:40px 1fr 30px;grid-gap:8px;gap:8px;min-height:280px}.wireframe-box{background:rgba(102,126,234,.2);border:1px dashed rgba(102,126,234,.4);border-radius:6px;animation:wireframePulse 3s ease-in-out infinite}.wireframe-box--header{grid-area:header}.wireframe-box--sidebar{grid-area:sidebar}.wireframe-box--content{grid-area:content}.wireframe-box--footer{grid-area:footer}.planning__checklist{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:10px;padding:12px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;font-size:.875rem;transition:all .3s ease}.checklist-item--completed{border-color:rgba(0,255,136,.3);background:rgba(0,255,136,.05)}.checklist-item--completed i{color:#0f8}.checklist-item--active{border-color:rgba(102,126,234,.4);background:rgba(102,126,234,.08)}.checklist-item--active i{color:#667eea}.checklist-item i{font-size:1rem;color:var(--dashboard-text-secondary)}.design{display:flex;flex-direction:column;gap:24px}.design h4{font-size:.875rem;font-weight:600;color:var(--dashboard-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.design__colors,.design__typography{padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px}.color-swatches{display:flex;gap:10px}.swatch{width:60px;height:60px;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}.swatch:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.5)}.typography-sample{display:flex;flex-direction:column;gap:12px}.type-scale{padding:8px 12px;background:rgba(0,0,0,.3);border-radius:6px;border-left:3px solid #667eea}.type-scale--h1{font-size:1.5rem;font-weight:700}.type-scale--h2{font-size:1.125rem;font-weight:600}.type-scale--body{font-size:.875rem;font-weight:400}.design__theme-toggle{display:flex;gap:12px}.theme-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:var(--dashboard-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.theme-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.theme-btn--active{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4);color:var(--dashboard-text-primary)}.code-editor{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;font-family:Fira Code,Courier New,monospace}.code-editor__header{background:rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 16px}.code-editor__tabs{display:flex;gap:8px}.code-tab{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:.75rem;color:var(--dashboard-text-secondary);cursor:pointer;transition:all .3s ease}.code-tab--active{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.3);color:var(--dashboard-text-primary)}.code-editor__body{padding:16px;max-height:260px;overflow-y:auto;font-size:.75rem;line-height:1.6}.code-editor__body::-webkit-scrollbar{width:6px}.code-editor__body::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:3px}.code-line{display:flex;gap:16px;padding:2px 0}.line-number{color:var(--dashboard-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:24px;text-align:right}.line-code{color:#e0e0e0;white-space:pre;font-family:inherit}.code-editor__terminal{background:rgba(0,0,0,.7);border-top:1px solid hsla(0,0%,100%,.1);padding:12px 16px;font-size:.75rem}.terminal-line{display:flex;gap:8px;margin-bottom:4px}.terminal-prompt{color:#667eea;font-weight:600}.terminal-text{color:var(--dashboard-text-secondary)}.terminal-line--success{color:#0f8}.backend{gap:20px}.api-routes,.backend{display:flex;flex-direction:column}.api-routes{gap:10px}.api-route{display:flex;align-items:center;gap:12px;padding:12px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;font-size:.875rem;transition:all .3s ease}.api-route:hover{background:hsla(0,0%,100%,.05);border-color:rgba(102,126,234,.3)}.api-method{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.api-method--get{background:rgba(0,255,136,.2);color:#0f8;border:1px solid rgba(0,255,136,.3)}.api-method--post{background:rgba(79,172,254,.2);color:#4facfe;border:1px solid rgba(79,172,254,.3)}.api-method--put{background:rgba(245,87,108,.2);color:#f5576c;border:1px solid rgba(245,87,108,.3)}.api-path{flex:1 1;color:var(--dashboard-text-primary);font-family:Fira Code,monospace}.api-status{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600}.api-status--active{background:rgba(0,255,136,.15);color:#0f8;border:1px solid rgba(0,255,136,.3);animation:pulse 2s ease-in-out infinite}.database-schema{padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px}.database-schema h4{font-size:.875rem;font-weight:600;color:var(--dashboard-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.schema-table{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.schema-header{padding:10px 12px;background:rgba(102,126,234,.2);border-bottom:1px solid rgba(102,126,234,.3);font-size:.875rem;font-weight:700;color:var(--dashboard-text-primary)}.schema-field{padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:.8rem;color:var(--dashboard-text-secondary);font-family:Fira Code,monospace}.schema-field:last-child{border-bottom:none}.performance{display:flex;flex-direction:column;gap:24px}.lighthouse-scores{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.score-circle{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;position:relative}.score-circle svg{width:80px;height:80px;transform:rotate(-90deg)}.score-bg{fill:none;stroke:hsla(0,0%,100%,.1);stroke-width:8}.score-fill{fill:none;stroke:#0f8;stroke-width:8;stroke-linecap:round;stroke-dasharray:283;animation:scoreAnimation 2s ease-out forwards}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--dashboard-text-primary)}.score-label{font-size:.75rem;color:var(--dashboard-text-secondary);text-align:center}.web-vitals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.vital{display:flex;flex-direction:column;gap:6px;padding:12px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;text-align:center}.vital-label{font-size:.75rem;color:var(--dashboard-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vital-value{font-size:1.25rem;font-weight:700}.vital-value--good{color:#0f8}.deployment{display:flex;flex-direction:column;gap:24px}.ci-cd-pipeline{justify-content:space-between;padding:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px}.ci-cd-pipeline,.pipeline-step{display:flex;align-items:center}.pipeline-step{flex-direction:column;gap:8px;font-size:.75rem}.pipeline-step i{font-size:1.5rem;margin-bottom:4px}.pipeline-step--completed i{color:#0f8}.pipeline-step--active i{color:#667eea;animation:spin 2s linear infinite}.pipeline-arrow{color:var(--dashboard-text-secondary);font-size:1.25rem}.deployment-progress{padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);margin-bottom:8px}.progress-bar,.progress-fill{border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 1.5s infinite}.progress-label{font-size:.75rem;color:var(--dashboard-text-secondary);text-align:center}.hosting-badges{display:flex;gap:12px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;transition:all .3s ease}.badge--vercel{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.2);color:var(--dashboard-text-primary)}.badge--netlify{background:rgba(0,202,185,.15);border:1px solid rgba(0,202,185,.3);color:#00cab9}.badge--aws{background:rgba(255,153,0,.15);border:1px solid rgba(255,153,0,.3);color:#f90}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.dashboard__progress{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;background:rgba(0,0,0,.3);border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.progress-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.progress-dot--active{background:var(--color-highlight,#2d65bc);box-shadow:0 0 12px rgba(45,101,188,.6);transform:scale(1.3)}@keyframes wireframePulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes scoreAnimation{0%{stroke-dashoffset:283}to{stroke-dashoffset:var(--score-offset,35)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1024px){.dashboard__container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.dashboard__sidebar{flex-direction:row;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px;overflow-x:auto;gap:4px}.dashboard__sidebar::-webkit-scrollbar{height:4px}.dashboard__sidebar::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:2px}.dashboard__tab{flex-direction:row;padding:12px 16px;min-width:120px}.dashboard__tab--active:before{width:100%;height:3px;top:auto;bottom:0;left:0;border-radius:3px 3px 0 0}.planning{grid-template-columns:1fr}.hosting-badges,.lighthouse-scores,.web-vitals{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard{max-width:100%}.dashboard__content{padding:16px;max-height:400px}.code-editor__body{font-size:.7rem;max-height:200px}.lighthouse-scores{grid-template-columns:1fr}.score-circle svg{width:100px;height:100px}.ci-cd-pipeline{flex-direction:column;gap:16px}.pipeline-arrow{transform:rotate(90deg)}}@media (max-width:480px){.dashboard__tab-label{display:none}.dashboard__tab{min-width:60px;padding:12px}.color-swatches{flex-wrap:wrap}.swatch{width:50px;height:50px}.hosting-badges,.web-vitals{grid-template-columns:1fr}}.client-success{display:flex;flex-direction:column;gap:24px}.success-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.metric-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.metric-card:hover{background:hsla(0,0%,100%,.05);transform:translateY(-4px);border-color:rgba(102,126,234,.4)}.metric-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--dashboard-text-primary);box-shadow:0 8px 24px rgba(102,126,234,.4)}.metric-icon--success{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 8px 24px rgba(76,175,80,.4)}.metric-icon--roi{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 8px 24px rgba(240,147,251,.4)}.metric-icon--conversion{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 24px rgba(79,172,254,.4)}.metric-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:.85rem;color:var(--dashboard-text-secondary);font-weight:500}.metric-bar{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-top:4px}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width 2s cubic-bezier(.4,0,.2,1);animation:shimmer 2s infinite}.metric-bar-fill--success{background:linear-gradient(90deg,#4caf50,#2e7d32)}.metric-bar-fill--roi{background:linear-gradient(90deg,#f093fb,#f5576c)}.metric-bar-fill--conversion{background:linear-gradient(90deg,#4facfe,#00f2fe)}.industries-served{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.industries-served h4{margin-bottom:16px;font-size:1rem;font-weight:600;color:var(--dashboard-text-primary)}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.industry-badge{display:flex;align-items:center;gap:8px;padding:12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--dashboard-text-primary);transition:all .3s ease;animation:fadeInUp .6s ease forwards;opacity:0}.industry-badge:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px);border-color:currentColor}.industry-badge i{font-size:1.2rem}.testimonial-snapshot{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.testimonial-quote{position:relative;padding:20px}.testimonial-quote .fa-quote-left{position:absolute;top:0;left:0;font-size:2rem;color:rgba(102,126,234,.3)}.testimonial-quote p{font-size:.95rem;line-height:1.6;color:var(--dashboard-text-primary);font-style:italic;margin:12px 0 20px;padding-left:32px}.testimonial-author{display:flex;align-items:center;gap:12px;padding-left:32px}.author-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dashboard-text-primary);font-size:1rem}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:.9rem;font-weight:600;color:var(--dashboard-text-primary)}.author-company{font-size:.8rem;color:var(--dashboard-text-secondary)}@media (max-width:768px){.success-metrics{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.5rem}}@media (max-width:480px){.industry-grid{grid-template-columns:1fr}}@media (max-width:639px){.dashboard-wrapper{height:500px;max-height:500px;width:100%;max-width:100%}.dashboard{padding:16px}.dashboard__header{padding:12px 16px;min-height:40px;font-size:9px}.status-badge{padding:3px 8px;font-size:9px}.theme-toggle{width:28px;height:28px}.dashboard__container{flex-direction:column}.dashboard__sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px}.dashboard__tab{min-width:100px;flex-shrink:0;min-height:60px;padding:8px 6px;font-size:9px}.dashboard__tab-icon{font-size:16px}.dashboard__content{margin:12px;padding:12px}.floating-shapes{display:none}}@media (min-width:640px) and (max-width:1024px){.dashboard-wrapper{height:600px;max-height:600px;width:100%;max-width:100%}.dashboard{padding:20px}.dashboard__header{min-height:45px}.dashboard__sidebar{width:140px}.dashboard__tab{min-height:65px;font-size:10px;padding:12px 10px}.dashboard__tab-icon{font-size:18px}.dashboard__content{margin:16px;padding:20px}}@media (min-width:1025px){.dashboard-wrapper{height:700px;max-height:700px;width:100%;max-width:1300px}}@media (prefers-reduced-motion:reduce){.dashboard{transform:none!important;transition:none}.shape,.status-dot,.status-dot:before{animation:none}.dashboard__tab,.theme-toggle{transition:none}.dashboard__tab--active .dashboard__tab-icon i{animation:none}}@media (prefers-contrast:high){.dashboard{border-width:2px}.dashboard__tab{border:2px solid}}@media print{.dashboard-wrapper{height:auto;perspective:none}.dashboard{transform:none;box-shadow:none;border:1px solid #000}.floating-shapes,.theme-toggle{display:none}}.DashboardSection_dashboardSection__Vqrff{position:relative;padding:2rem 0;background:linear-gradient(180deg,rgba(5,10,21,.98),rgba(15,23,42,.98));overflow:hidden}.DashboardSection_container__EXD9U{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.DashboardSection_header__0w1BP{text-align:center;margin-bottom:3rem}.DashboardSection_title__5foUG{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.75rem;background:linear-gradient(135deg,#2d65bc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.DashboardSection_subtitle__VMMQT{font-size:1.125rem;color:#94a3b8;max-width:42rem;margin:0 auto;line-height:1.6}.DashboardSection_dashboardWrapper__4ybZY{display:flex;justify-content:center;align-items:center}.DashboardSection_bgGradient__gJOl_{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.08) 0,transparent 70%);pointer-events:none}@media (max-width:1024px){.DashboardSection_dashboardSection__Vqrff{padding:2rem 0}.DashboardSection_title__5foUG{font-size:2rem}.DashboardSection_subtitle__VMMQT{font-size:1rem}.DashboardSection_header__0w1BP{margin-bottom:2.25rem}}@media (max-width:768px){.DashboardSection_dashboardSection__Vqrff{padding:2rem 0}.DashboardSection_container__EXD9U{padding:0 1rem}.DashboardSection_title__5foUG{font-size:1.75rem}.DashboardSection_subtitle__VMMQT{font-size:.9375rem}.DashboardSection_header__0w1BP{margin-bottom:2rem}}@media (max-width:480px){.DashboardSection_dashboardSection__Vqrff{padding:2rem 0}.DashboardSection_title__5foUG{font-size:1.5rem}.DashboardSection_subtitle__VMMQT{font-size:.875rem}.DashboardSection_header__0w1BP{margin-bottom:1.5rem}}:root{--color-primary:#2d65bc;--color-secondary:#0f172a;--color-accent:#60a5fa;--color-bg-dark:#050a15;--color-bg-light:#f8fafc;--color-glass:hsla(0,0%,100%,.08);--color-success:#22c55e;--color-warning:#facc15;--primary-gradient:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);--secondary-gradient:linear-gradient(135deg,#1e3a8a 0%,var(--color-secondary) 100%);--accent-glow:rgba(96,165,250,.15);--border-color:hsla(0,0%,100%,.08);--text-primary:#fff;--text-secondary:#94a3b8;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.15);--shadow-lg:0 8px 32px rgba(45,101,188,.2)}@media (prefers-color-scheme:light){:root{--color-bg-dark:#fff;--color-glass:rgba(15,23,42,.05);--accent-glow:rgba(45,101,188,.08);--border-color:rgba(15,23,42,.1);--text-primary:#0f172a;--text-secondary:#64748b;--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(45,101,188,.15)}}*{margin:0;padding:0;box-sizing:border-box}.web-dev-services{background:var(--color-bg-dark);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.hero{min-height:100vh;display:flex;padding:6rem 1rem 3rem;overflow:hidden}.hero,.hero__container{position:relative;align-items:center}.hero__container{max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;z-index:2}.hero__left{animation:fadeInUp .8s ease-out}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-glass);border:1px solid var(--border-color);border-radius:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.hero__badge i{color:var(--color-accent)}.hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:1rem;letter-spacing:-.02em}.hero__title-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero__subtitle{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem;max-width:42rem}.hero__stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:left}.stat__value{font-size:2rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.stat__label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.hero__cta{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn--primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-lg)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(45,101,188,.4)}.btn--primary:focus{outline:2px solid var(--color-accent);outline-offset:2px}.btn--secondary{background:var(--color-glass);color:#fff;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn--secondary:hover{background:hsla(0,0%,100%,.12);border-color:var(--color-accent);transform:translateY(-2px)}.btn--secondary:focus{outline:2px solid var(--color-accent);outline-offset:2px}.btn--large{padding:1.125rem 2.5rem;font-size:1.125rem}.hero__right{position:relative;animation:fadeInRight .8s ease-out .3s both}.hero__bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:floatShape 20s ease-in-out infinite}.shape--1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-glow),transparent);top:-200px;left:-200px;animation-delay:0s}.shape--2{width:500px;height:500px;background:radial-gradient(circle,rgba(45,101,188,.2),transparent);bottom:-250px;right:-250px;animation-delay:7s}.shape--3{width:350px;height:350px;background:radial-gradient(circle,rgba(96,165,250,.15),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}.features{padding:5rem 1rem;position:relative}.section__container{max-width:1280px;margin:0 auto}.section__header{text-align:center;margin-bottom:3rem}.section__title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:800;margin-bottom:.75rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section__subtitle{font-size:1.125rem;color:var(--text-secondary)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.feature-card{background:var(--color-glass);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;animation:fadeInUp .6s ease-out both}.feature-card:hover{transform:translateY(-4px);background:hsla(0,0%,100%,.12);border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.feature-card__icon{width:3.5rem;height:3.5rem;border-radius:.875rem;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;transition:all .3s ease}.feature-card:hover .feature-card__icon{transform:scale(1.05)}.feature-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-card__description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.process{padding:5rem 1rem;background:linear-gradient(180deg,transparent 0,var(--accent-glow) 100%)}.process__stepper{max-width:900px;margin:0 auto}.process-step{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:1.5rem;gap:1.5rem;padding:2rem;margin-bottom:2rem;background:var(--color-glass);border:1px solid var(--border-color);border-radius:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.process-step:hover{transform:translateX(4px);background:hsla(0,0%,100%,.12);border-color:var(--color-accent);box-shadow:-3px 0 0 var(--color-accent),var(--shadow-md)}.process-step__number{font-size:2.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;grid-row:1/3}.process-step__icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.75rem;grid-column:2}.process-step__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;grid-column:2}.process-step__description{color:var(--text-secondary);grid-column:2}.process-step__arrow{position:absolute;left:50%;bottom:-2rem;transform:translateX(-50%);font-size:1.5rem;color:var(--color-accent);animation:bounce 2s ease-in-out infinite}.tech-stack{padding:1rem}.tech-stack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem;gap:1rem;max-width:1000px;margin:0 auto}.tech-card{background:var(--color-glass);border:1px solid var(--border-color);border-radius:1rem;padding:1.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;animation:fadeInUp .6s ease-out both}.tech-card:hover{transform:translateY(-4px) scale(1.03);background:hsla(0,0%,100%,.12);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.tech-card__icon{font-size:3rem;transition:all .3s ease}.tech-card:hover .tech-card__icon{transform:scale(1.15);filter:drop-shadow(0 0 12px currentColor)}.tech-card__name{font-size:.95rem;font-weight:600;text-align:center}.portfolio-highlight{padding:2rem 1rem;background:linear-gradient(180deg,var(--accent-glow) 0,transparent 100%)}.portfolio-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.project-card{background:var(--color-glass);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.project-card__image{position:relative;width:100%;height:220px;background:linear-gradient(135deg,rgba(45,101,188,.1),rgba(96,165,250,.1));overflow:hidden}.project-card__placeholder{font-size:4rem;color:hsla(0,0%,100%,.08)}.project-card__overlay,.project-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-card__overlay{position:absolute;top:0;left:0;background:rgba(5,10,21,.9);gap:1rem;opacity:0;transition:opacity .3s ease}.project-card:hover .project-card__overlay{opacity:1}.project-card__link{display:flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--primary-gradient);color:#fff;text-decoration:none;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:all .3s ease}.project-card__link:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.project-card__content{padding:1.5rem}.project-card__type{display:inline-block;padding:.25rem .75rem;background:rgba(45,101,188,.15);border:1px solid var(--color-accent);border-radius:.375rem;font-size:.75rem;font-weight:600;margin-bottom:.75rem;color:var(--color-accent)}.project-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.project-card__tech{font-size:.875rem;color:var(--text-secondary)}.cta{padding:2rem 1rem;position:relative;overflow:hidden}.cta__container{max-width:900px;margin:0 auto;position:relative;z-index:2}.cta__content{text-align:center;padding:4rem 2.5rem;background:var(--color-glass);border:1px solid var(--border-color);border-radius:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.cta__content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,var(--accent-glow) 90deg,transparent 180deg);animation:rotate 10s linear infinite;z-index:0;pointer-events:none}.cta__title{font-size:clamp(1.875rem,4vw,3rem);font-weight:800;margin-bottom:1rem}.cta__subtitle,.cta__title{position:relative;z-index:2}.cta__subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.cta__buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:10}.cta__buttons a{cursor:pointer;pointer-events:auto}.cta__bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow),transparent);filter:blur(60px);z-index:1;animation:pulse 4s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:1024px){.hero__container{grid-template-columns:1fr;gap:2rem}.hero__right{max-width:600px;margin:0 auto}.process-step{grid-template-columns:1fr}.process-step__number{grid-row:auto;margin-bottom:.75rem}.process-step__description,.process-step__icon,.process-step__title{grid-column:1}}@media (max-width:768px){.hero{padding:2rem 1rem}.hero__stats{gap:1.5rem}.stat__value{font-size:1.75rem}.features,.portfolio-highlight,.process,.tech-stack{padding:2rem 1rem}.features__grid,.portfolio-carousel,.tech-stack__grid{grid-template-columns:1fr}.cta{padding:2rem 1rem}.cta__content{padding:2rem 1.5rem}}@media (max-width:480px){.hero__cta{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.hero__stats{flex-direction:column;gap:1rem}.cta__buttons{flex-direction:column;width:100%}.btn--large{width:100%}.section__header{margin-bottom:2rem}}