@charset "UTF-8";:root{--bg-primary: #060b18;--bg-secondary: #0a1128;--bg-card: rgba(12, 22, 50, .6);--accent-blue: #3a8bfd;--accent-cyan: #00d4ff;--accent-glow: #1a6bff;--accent-warm: #ff9d3a;--text-primary: #e8edf5;--text-secondary: #8a9bc2;--text-dim: #4a5a80;--border-subtle: rgba(58, 139, 253, .15);--border-glow: rgba(0, 212, 255, .3);--gradient-hero: linear-gradient(135deg, #060b18 0%, #0d1a3a 40%, #0a1128 100%);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", "Noto Sans TC", sans-serif;--font-chinese: "Noto Sans TC", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}@media (min-width: 1440px){html{font-size:17px}}@media (min-width: 1920px){html{font-size:18px}}@media (min-width: 2560px){html{font-size:20px}}body{font-family:var(--font-body);font-size:1rem;line-height:1.7;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 40px #00d4ff66}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash-flow{to{stroke-dashoffset:-40}}@keyframes text-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes border-trace{0%{background-position:0% 50%}to{background-position:200% 50%}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}section{padding:clamp(3.75rem,10vw,7.5rem) clamp(1.25rem,5vw,3.75rem)}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-family:var(--font-display);font-size:clamp(.875rem,.9vw,1rem);letter-spacing:4px;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(1.625rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-divider{width:60px;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));margin:0 auto 1.25rem}.section-desc{max-width:600px;margin:0 auto;color:var(--text-secondary);font-size:clamp(.938rem,1.15vw,1.375rem);line-height:1.7}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(20px,5vw,60px);height:80px;display:flex;align-items:center;justify-content:space-between;background:#060b18d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:all .3s ease}.nav.scrolled{height:64px;background:#060b18f2;border-bottom-color:var(--border-glow)}.nav.scrolled .nav-logo-icon{width:36px;height:36px}.nav.scrolled .nav-logo-text{font-size:clamp(.875rem,.85vw,1rem)}.nav.scrolled .nav-logo-sub{font-size:clamp(.875rem,.7vw,.875rem)}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.3}.nav-logo-icon{width:42px;height:42px;position:relative;transition:width .3s ease,height .3s ease}.nav-logo-text{font-family:var(--font-display);font-size:clamp(.875rem,1vw,1.188rem);font-weight:600;letter-spacing:3px;color:var(--text-primary);transition:font-size .3s ease}.nav-logo-sub{font-family:var(--font-chinese);font-size:clamp(.875rem,.8vw,.938rem);color:var(--text-secondary);letter-spacing:2px;margin-top:-1px;transition:font-size .3s ease}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:var(--text-secondary);font-family:var(--font-display);font-size:clamp(.875rem,.85vw,1rem);letter-spacing:2px;text-transform:uppercase;position:relative;padding:4px 0;transition:color .3s}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-cyan);transition:width .3s;box-shadow:0 0 8px var(--accent-cyan)}.nav-links a:hover{color:var(--accent-cyan)}.nav-links a:hover:after{width:100%}.nav-cta{padding:8px 24px;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-cyan);font-family:var(--font-display);font-size:clamp(.875rem,.85vw,1rem);letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;text-decoration:none}.nav-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .5s}.nav-cta:hover:before{left:100%}.nav-cta:hover{background:#00d4ff14;box-shadow:0 0 20px #00d4ff33}.nav-right-group{display:flex;align-items:center;gap:16px}.lang-switcher{position:relative}.lang-switcher-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;cursor:pointer;transition:all .3s;white-space:nowrap}.lang-switcher-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0d}.lang-switcher-icon{stroke:currentColor;fill:none;flex-shrink:0}.lang-switcher-label{line-height:1}.lang-switcher-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:120px;background:#0a1128f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);z-index:1001;overflow:hidden}.lang-switcher-dropdown.active{display:block}.lang-option{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-family:var(--font-body);font-size:.875rem;letter-spacing:.5px;transition:all .2s;border-bottom:1px solid rgba(58,139,253,.08)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:#00d4ff14;color:var(--accent-cyan)}.lang-option.active{color:var(--accent-cyan)}.lang-option svg{stroke:var(--accent-cyan);flex-shrink:0}.mobile-lang-switcher{display:flex;align-items:center;gap:12px;margin-top:8px}.mobile-lang-option{font-family:var(--font-display)!important;font-size:.875rem!important;letter-spacing:2px!important;color:var(--text-dim)!important;text-decoration:none;padding:4px 8px;border:1px solid transparent;transition:all .3s}.mobile-lang-option.active{color:var(--accent-cyan)!important;border-color:var(--accent-cyan)}.mobile-lang-option:hover{color:var(--accent-cyan)!important}.mobile-lang-divider{color:var(--text-dim);font-size:.875rem}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-mobile-toggle span{width:24px;height:2px;background:var(--text-secondary);transition:all .3s}.nav-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-mobile-toggle.active span:nth-child(2){opacity:0}.nav-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:#060b18f7;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu.active{display:flex}.mobile-menu a{text-decoration:none;color:var(--text-secondary);font-family:var(--font-display);font-size:1rem;letter-spacing:4px;transition:color .3s}.mobile-menu a:hover{color:var(--accent-cyan)}@media (max-width: 768px){.nav-links,.nav-cta,.nav-right-group{display:none}.nav-mobile-toggle{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);overflow:hidden}.hero-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(58,139,253,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(58,139,253,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--accent-cyan);border-radius:50%;opacity:0;animation:particle-float 8s infinite}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) scale(0)}20%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(-20vh) scale(1)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.hero-orb-1{width:500px;height:500px;background:var(--accent-blue);top:-10%;right:-5%;animation:float 12s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;background:var(--accent-cyan);bottom:-5%;left:-5%;animation:float 10s ease-in-out infinite reverse}.hero-ring{position:absolute;width:600px;height:600px;border:1px solid rgba(0,212,255,.06);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-slow 60s linear infinite}.hero-ring:before{content:"";position:absolute;top:0;left:50%;width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--accent-cyan)}.hero-ring-2{width:450px;height:450px;border-color:#3a8bfd14;animation-duration:45s;animation-direction:reverse}.hero-content{position:relative;z-index:2;text-align:center;padding:100px 24px 0;max-width:900px}@media (min-width: 769px){.hero-content{padding-top:0}}.hero-logo{width:clamp(100px,20vw,180px);height:clamp(100px,20vw,180px);margin:0 auto 24px;animation:fadeInUp 1s ease both,float 6s ease-in-out 1s infinite;filter:drop-shadow(0 0 30px rgba(0,212,255,.3))}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 20px;border:1px solid var(--border-subtle);border-radius:40px;font-family:var(--font-display);font-size:clamp(.875rem,.8vw,.875rem);letter-spacing:3px;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:28px;animation:fadeInUp 1s ease .2s both;background:#00d4ff08}.hero-badge-dot{width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;animation:pulse-glow 2s infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:8px;animation:fadeInUp 1s ease .4s both;background:linear-gradient(135deg,#fff,#3a8bfd,#00d4ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease .4s both,text-shimmer 6s linear infinite}.hero-title-cn{font-family:var(--font-chinese);font-size:clamp(18px,3vw,2rem);font-weight:300;color:var(--text-secondary);letter-spacing:12px;margin-bottom:24px;animation:fadeInUp 1s ease .5s both}.hero-tagline{font-family:var(--font-display);font-size:clamp(.875rem,1.5vw,.938rem);letter-spacing:6px;color:var(--text-dim);text-transform:uppercase;margin-bottom:32px;animation:fadeInUp 1s ease .6s both}.hero-tagline span{color:var(--accent-cyan)}.hero-desc{font-size:clamp(.938rem,2vw,1.125rem);color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto 48px;animation:fadeInUp 1s ease .7s both;font-weight:300}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease .8s both}.btn-primary{padding:14px 40px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border:none;color:#fff;font-family:var(--font-display);font-size:.875rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .4s;text-decoration:none;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff4d}.btn-secondary{padding:14px 40px;background:transparent;border:1px solid rgba(58,139,253,.4);color:var(--accent-cyan);font-family:var(--font-display);font-size:.875rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .4s;text-decoration:none;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.btn-secondary:hover{background:#00d4ff0d;border-color:var(--accent-cyan);transform:translateY(-2px)}.hero-scroll-indicator{position:absolute;bottom:40px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeInUp 1s ease 1.2s both;pointer-events:none}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-cyan),transparent);animation:scanline 2s ease-in-out infinite}.hero-scroll-text{font-family:var(--font-display);font-size:clamp(.875rem,.7vw,.875rem);letter-spacing:3px;color:var(--text-dim)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-subtle);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.stat-item{background:var(--bg-secondary);padding:36px 24px;text-align:center;transition:background .3s}.stat-item:hover{background:#00d4ff08}.stat-number{font-family:var(--font-display);font-size:clamp(28px,4vw,2.625rem);font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:clamp(.875rem,.95vw,1.125rem);color:var(--text-secondary);letter-spacing:1px;margin-top:6px}@media (max-width: 768px){.stats-bar{grid-template-columns:repeat(2,1fr)}}.footer{padding:40px clamp(20px,5vw,60px);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-left{display:flex;align-items:center;gap:12px}.footer-logo-text{font-family:var(--font-display);font-size:clamp(.875rem,.9vw,1rem);letter-spacing:2px;color:var(--text-secondary)}.footer-right{font-size:clamp(.875rem,.9vw,1rem);color:var(--text-dim);letter-spacing:1px}.footer-social{display:flex;gap:16px}.footer-social a{width:clamp(34px,3vw,44px);height:clamp(34px,3vw,44px);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;transition:all .3s;text-decoration:none}.footer-social a:hover{border-color:var(--accent-cyan);background:#00d4ff0d}.footer-social svg{width:clamp(16px,1.2vw,1.375rem);height:clamp(16px,1.2vw,1.375rem);stroke:var(--text-secondary);fill:none;stroke-width:1.5}.footer-social a:hover svg{stroke:var(--accent-cyan)}@media (min-width: 1920px){.nav{padding:0 clamp(2.5rem,5vw,5rem)}.hero-content{max-width:1000px}.footer-social a{width:2.625rem;height:2.625rem}.footer-social svg{width:1.25rem;height:1.25rem}}@media (min-width: 2560px){.hero-content{max-width:1200px}.footer-social a{width:3rem;height:3rem}.footer-social svg{width:1.5rem;height:1.5rem}}#services{background:var(--bg-primary);position:relative}#services:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(58,139,253,.05),transparent 70%)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:min(1400px,92vw);margin:0 auto}.service-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:40px 32px;position:relative;overflow:hidden;transition:all .4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;transition:opacity .4s}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.service-icon{width:clamp(52px,4.5vw,68px);height:clamp(52px,4.5vw,68px);margin-bottom:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);position:relative}.service-icon:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,var(--accent-blue),transparent);opacity:.1}.service-icon svg{width:clamp(26px,2.2vw,34px);height:clamp(26px,2.2vw,34px);stroke:var(--accent-cyan);fill:none;stroke-width:1.5;position:relative;z-index:1}.service-card h3{font-family:var(--font-display);font-size:clamp(1rem,1.1vw,1.375rem);font-weight:600;letter-spacing:1px;margin-bottom:12px;color:var(--text-primary)}.service-card p{color:var(--text-secondary);font-size:clamp(.875rem,1vw,1.125rem);line-height:1.7}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.service-tag{padding:4px 12px;border:1px solid rgba(58,139,253,.2);font-size:clamp(.875rem,.75vw,.875rem);font-family:var(--font-display);letter-spacing:1px;color:var(--accent-blue)}#portfolio{background:var(--bg-secondary)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;max-width:min(1400px,92vw);margin:0 auto}.portfolio-card{position:relative;overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-card);transition:all .4s;cursor:pointer}.portfolio-card:hover{border-color:var(--border-glow);transform:translateY(-4px)}.portfolio-thumb{width:100%;height:220px;position:relative;overflow:hidden}.portfolio-thumb-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:800;color:#00d4ff14;letter-spacing:8px}.portfolio-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-card),transparent 50%)}.portfolio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060b18e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay-btn{padding:10px 28px;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-display);font-size:clamp(.875rem,.85vw,.938rem);letter-spacing:2px;background:none;cursor:pointer;transition:all .3s}.portfolio-overlay-btn:hover{background:#00d4ff1a}.portfolio-info{padding:24px}.portfolio-info h3{font-family:var(--font-display);font-size:clamp(.938rem,1.05vw,1.313rem);font-weight:600;margin-bottom:6px;letter-spacing:1px}.portfolio-info p{color:var(--text-secondary);font-size:clamp(.875rem,.95vw,1.063rem);line-height:1.6}.portfolio-tech{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.portfolio-tech span{padding:3px 10px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.12);font-size:clamp(.875rem,.75vw,.875rem);font-family:var(--font-display);letter-spacing:1px;color:var(--accent-cyan)}#process{background:var(--bg-primary);position:relative}.process-timeline{max-width:800px;margin:0 auto;position:relative}.process-timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent-blue),var(--accent-cyan),transparent)}.process-step{display:flex;gap:32px;margin-bottom:48px;position:relative}.process-number{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent-blue);font-family:var(--font-display);font-size:clamp(.938rem,1.1vw,1.25rem);font-weight:700;color:var(--accent-cyan);background:var(--bg-primary);position:relative;z-index:1}.process-content h3{font-family:var(--font-display);font-size:clamp(1rem,1.1vw,1.375rem);font-weight:600;letter-spacing:1px;margin-bottom:8px}.process-content p{color:var(--text-secondary);font-size:clamp(.875rem,1vw,1.125rem);line-height:1.7}@media (max-width: 768px){.process-timeline:before{left:24px}}#tech{background:var(--bg-secondary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:min(1100px,88vw);margin:0 auto}.tech-item{padding:24px 16px;border:1px solid var(--border-subtle);background:var(--bg-card);text-align:center;transition:all .3s}.tech-item:hover{border-color:var(--border-glow);background:#00d4ff08;transform:translateY(-2px)}.tech-item-name{font-family:var(--font-display);font-size:clamp(.875rem,.9vw,1.063rem);letter-spacing:1px;color:var(--text-primary);margin-bottom:4px}.tech-item-type{font-size:clamp(.875rem,.75vw,.875rem);color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}#social-embed{background:var(--bg-secondary)}.social-embed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;max-width:min(1300px,90vw);margin:0 auto}.social-embed-item{background:var(--bg-card);border:1px solid var(--border-subtle);padding:24px;transition:all .4s}.social-embed-item:hover{border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.social-embed-label{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:clamp(.875rem,.9vw,.938rem);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:16px}.social-embed-label svg{stroke:var(--accent-cyan);fill:none}.social-embed-frame{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#0000004d}.social-embed-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.social-embed-frame--ig{padding-bottom:0;min-height:400px;overflow-y:auto}.social-embed-frame--ig blockquote{margin:0!important}@media (max-width: 768px){.social-embed-grid{grid-template-columns:1fr}}#contact{background:var(--bg-primary);position:relative}.contact-wrapper{max-width:min(1100px,88vw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width: 768px){.contact-wrapper{grid-template-columns:1fr}}.contact-info h3{font-family:var(--font-display);font-size:clamp(1.25rem,1.5vw,1.75rem);font-weight:600;margin-bottom:20px;letter-spacing:1px}.contact-info p{color:var(--text-secondary);line-height:1.8;margin-bottom:28px}.contact-detail{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text-secondary);font-size:clamp(.875rem,1vw,1.125rem)}.contact-detail svg{width:clamp(20px,1.4vw,26px);height:clamp(20px,1.4vw,26px);stroke:var(--accent-cyan);fill:none;stroke-width:1.5;min-width:18px}.contact-line-qr{margin-top:24px;text-align:center}.line-qr-img{width:clamp(160px,15vw,240px);height:clamp(160px,15vw,240px);border:2px solid var(--border-subtle);border-radius:8px;transition:border-color .3s,transform .3s;object-fit:contain}.line-qr-img:hover{border-color:var(--accent-cyan);transform:scale(1.03)}.line-qr-text{font-size:clamp(.875rem,1vw,1rem);color:var(--text-dim);margin-top:10px;letter-spacing:1px}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group{position:relative}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;background:#0a1128cc;border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:clamp(.938rem,1vw,1.125rem);outline:none;transition:border-color .3s;resize:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-blue);box-shadow:0 0 12px #3a8bfd1a}.form-group textarea{min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.btn-submit{padding:14px 40px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border:none;color:#fff;font-family:var(--font-display);font-size:.875rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s;align-self:flex-start;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff33}.pricing-plans-section{background:var(--bg-secondary, #0a1128);padding:80px 0 60px;position:relative}.pricing-plans-section .container{max-width:1200px;margin:0 auto;padding:0 24px}.pricing-plans-section .section-header-title{text-align:center;font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:2px;color:var(--text-primary);margin-bottom:8px}.pricing-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0}.pricing-plan-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:32px 24px;position:relative;overflow:hidden;transition:all .4s;display:flex;flex-direction:column}.pricing-plan-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:opacity .4s}.pricing-plan-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.pricing-plan-card--featured{border-color:var(--accent-cyan)}.pricing-plan-card--featured:before{height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));opacity:1}.pricing-plan-card--featured:hover{box-shadow:0 20px 60px #0000004d,0 0 40px #00d4ff1a}.pricing-plan-badge{position:absolute;top:12px;right:-28px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff;font-size:.875rem;font-family:var(--font-display);font-weight:700;letter-spacing:1px;padding:4px 32px;transform:rotate(45deg)}.pricing-plan-header{margin-bottom:16px}.pricing-plan-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:1px;color:var(--text-primary);margin-bottom:4px}.pricing-plan-subtitle{font-size:.875rem;color:var(--text-secondary)}.pricing-plan-price{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.pricing-plan-cycle{font-size:.875rem;color:var(--text-dim);letter-spacing:1px;margin-bottom:12px}.pricing-plan-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.pricing-plan-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pricing-plan-spec{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary);padding:4px 10px;border:1px solid var(--border-subtle);background:#00d4ff08}.pricing-plan-spec svg{stroke:var(--accent-cyan);flex-shrink:0}.pricing-plan-features{list-style:none;padding:0;margin:0 0 20px;flex:1}.pricing-plan-features li{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;color:var(--text-secondary);padding:4px 0;line-height:1.5}.pricing-plan-features li svg{stroke:var(--accent-cyan);flex-shrink:0;margin-top:2px}.pricing-plan-features li.highlighted{color:var(--text-primary);font-weight:600}.pricing-plan-features li.highlighted svg{stroke:var(--accent-blue)}.pricing-plan-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;background:transparent;cursor:pointer;transition:all .3s;margin-top:auto}.pricing-plan-cta:hover{background:#00d4ff1a;color:var(--accent-cyan);transform:translateY(-2px)}.pricing-plan-cta svg{stroke:currentColor;fill:none}.pricing-plan-cta--featured{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-color:transparent;color:#fff}.pricing-plan-cta--featured:hover{box-shadow:0 8px 30px #00d4ff33;color:#fff}.extra-services-section{margin-top:48px}.extra-services-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:1px;color:var(--text-primary);margin-bottom:20px;text-align:center}.extra-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.extra-service-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:24px;transition:border-color .3s}.extra-service-card:hover{border-color:var(--border-glow)}.extra-service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.extra-service-header h4{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:1px;color:var(--text-primary);margin:0}.extra-service-price{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent-cyan)}.extra-service-price small{font-size:.875rem;color:var(--text-dim);font-weight:400}.extra-service-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.extra-service-features{list-style:none;padding:0;margin:0}.extra-service-features li{font-size:.875rem;color:var(--text-secondary);padding:3px 0}.extra-service-features li:before{content:"✓ ";color:var(--accent-cyan)}.addon-services-section{margin-top:36px}.addon-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.addon-service-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:20px;text-align:center;transition:all .3s}.addon-service-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.addon-service-card h4{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:1px;color:var(--text-primary);margin:0 0 8px}.addon-service-card p{font-size:.875rem;color:var(--text-secondary);margin:4px 0}.addon-service-price{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--accent-cyan)}.addon-service-note{display:block;font-size:.875rem;color:var(--text-dim);margin-top:6px}.pricing-notes-section{margin-top:36px}.pricing-notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pricing-note-item{display:flex;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle)}.pricing-note-item svg{stroke:var(--accent-cyan);fill:none;flex-shrink:0;margin-top:2px}.pricing-note-item strong{display:block;font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;color:var(--text-primary);margin-bottom:4px}.pricing-note-item p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.pricing-divider{display:flex;align-items:center;gap:20px;margin:48px 0 0;padding-top:24px}.pricing-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.pricing-divider-text{font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;color:var(--text-dim);white-space:nowrap}@media (max-width: 1024px){.pricing-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pricing-plans-grid{grid-template-columns:1fr}.pricing-plan-price{font-size:1.25rem}.addon-services-grid{grid-template-columns:repeat(2,1fr)}.pricing-notes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.addon-services-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;text-align:center}.portfolio-grid,.services-grid{grid-template-columns:1fr}}.trusted-clients-section{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.trusted-label{text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:.875rem;color:#fff6;margin-bottom:1.5rem}.trusted-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.trusted-logo-item{width:80px;height:40px;display:flex;align-items:center;justify-content:center}.trusted-logo-item img{max-width:100%;max-height:100%;filter:grayscale(100%) brightness(.7);opacity:.5;transition:all .3s ease}.trusted-logo-item:hover img{filter:grayscale(0%) brightness(1);opacity:1}.portfolio-cta-section{padding:4rem clamp(20px,5vw,60px);margin-top:3rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.portfolio-cta-section .container{max-width:800px;margin:0 auto}.portfolio-cta-section h3{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:.5rem;color:var(--text-primary, #fff)}.portfolio-cta-section p{color:#fff9;margin-bottom:1.5rem;font-size:clamp(.875rem,1.1vw,1.125rem)}.portfolio-results{display:block;color:var(--accent-primary, #00d4ff);font-size:.8rem;margin-top:.25rem}.cta-button{display:inline-block;padding:.75rem 2rem;background:var(--accent-primary, #00d4ff);color:#000;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s ease}.cta-button:hover{background:var(--accent-secondary, #7b2fff);color:#fff;transform:translateY(-2px)}.cta-button-outline{background:transparent;border:1px solid var(--accent-primary, #00d4ff);color:var(--accent-primary, #00d4ff)}.cta-button-outline:hover{background:var(--accent-primary, #00d4ff);color:#000}.cta-button-small{display:inline-block;padding:.5rem 1.5rem;background:var(--accent-primary, #00d4ff);color:#000;text-decoration:none;border-radius:4px;font-size:.9rem;font-weight:600;transition:all .3s ease}.cta-button-small:hover{transform:translateY(-2px)}.author-card{padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:2rem 0}.author-info{display:flex;align-items:center;gap:1rem}.author-info p{margin:0;font-size:.9rem;color:#fff9}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-primary, #00d4ff);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.blog-cta-banner{padding:2rem;background:linear-gradient(135deg,#00d4ff1a,#7b2fff1a);border:1px solid rgba(0,212,255,.2);border-radius:8px;text-align:center;margin:2rem 0}.blog-cta-banner h4{margin-bottom:.5rem;color:var(--text-primary, #fff)}.blog-cta-banner p{color:#fff9;margin-bottom:1rem}.blog-cta-buttons{display:flex;gap:1rem;justify-content:center}.blog-inline-cta{padding:2rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.15);border-radius:8px;text-align:center}.blog-inline-cta h4{color:var(--text-primary, #fff);margin-bottom:.5rem}.blog-inline-cta p{color:#fff9;margin-bottom:1rem;font-size:.9rem}.contact-promise{color:var(--accent-primary, #00d4ff);font-size:.9rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.contact-promise svg{color:#28a745}.cta-promise{font-size:.85rem;color:#ffffff80;margin-top:1rem}.footer-nav{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.footer-nav a{color:#ffffff80;text-decoration:none;font-size:clamp(.8rem,.9vw,1.05rem);transition:color .3s ease}.footer-nav a:hover{color:var(--accent-primary, #00d4ff)}.footer-legal{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.footer-legal a{color:#fff6;text-decoration:none;font-size:.78rem;transition:color .3s ease}.footer-legal a:hover{color:var(--accent-primary, #00d4ff)}.footer-legal .footer-legal-sep{color:#ffffff26;font-size:.7rem}.footer-trust{text-align:center;font-size:clamp(.875rem,.85vw,1rem);color:#ffffff4d;margin-bottom:1rem}.nav-cta-pulse{animation:ctaPulse 2s infinite}@keyframes ctaPulse{0%{box-shadow:0 0 #00d4ff66}70%{box-shadow:0 0 0 10px #00d4ff00}to{box-shadow:0 0 #00d4ff00}}.mobile-contact-btn{display:block;text-align:center;padding:.75rem;background:var(--accent-primary, #00d4ff);color:#000!important;text-decoration:none;border-radius:4px;font-weight:600;margin-top:1rem}.step-description{font-size:.85rem;color:#ffffff80;margin-bottom:1.5rem}.form-input[type=select],.form-input select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.quote-status-section{padding:4rem 0;min-height:60vh}.quote-status-wrapper{max-width:720px;margin:0 auto;padding:0 1.5rem}.quote-status-header{text-align:center;margin-bottom:3rem}.quote-status-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:2px;color:var(--accent-cyan, #00d4ff);margin-bottom:.5rem}.quote-status-date{color:var(--text-secondary, rgba(255, 255, 255, .5));font-size:.9rem}.quote-status-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:3rem;padding:0 1rem}.quote-status-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.quote-status-step-dot{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;font-weight:600;color:#ffffff4d;transition:all .3s}.quote-status-step.active .quote-status-step-dot{border-color:var(--accent-cyan, #00d4ff);color:var(--accent-cyan, #00d4ff);box-shadow:0 0 20px #00d4ff33}.quote-status-step.completed .quote-status-step-dot{border-color:#28a745;background:#28a745;color:#fff}.quote-status-step-label{font-size:.875rem;color:#fff6;letter-spacing:.5px}.quote-status-step.active .quote-status-step-label{color:var(--accent-cyan, #00d4ff)}.quote-status-step.completed .quote-status-step-label{color:#28a745}.quote-status-step-line{flex:1;height:2px;background:#ffffff1a;margin:0 .5rem 1.5rem;min-width:30px;transition:background .3s}.quote-status-step-line.completed{background:#28a745}.quote-status-alert{padding:1rem 1.5rem;border-radius:4px;margin-bottom:2rem;text-align:center;font-size:.9rem}.quote-status-alert--danger{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.quote-status-alert--warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.quote-status-card{background:var(--bg-card, rgba(10, 17, 40, .8));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));padding:2rem;margin-bottom:2rem}.quote-status-card--highlight{border-color:var(--accent-cyan, #00d4ff);text-align:center}.quote-status-card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;color:var(--text-primary, #fff)}.quote-status-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.quote-status-detail-row:last-child{border-bottom:none}.quote-status-detail-label{color:var(--text-secondary, rgba(255, 255, 255, .5));font-size:.9rem;flex-shrink:0;margin-right:1rem}.quote-status-detail-value{text-align:right;color:var(--text-primary, #fff);font-size:.9rem}.quote-status-tag{display:inline-block;padding:2px 10px;margin:2px 4px 2px 0;border:1px solid rgba(0,212,255,.2);font-size:.875rem;color:var(--accent-cyan, #00d4ff);letter-spacing:.5px}.quote-status-estimate{text-align:center;padding:2rem;margin-bottom:2rem;background:linear-gradient(135deg,#00d4ff0d,#7b2fff0d);border:1px solid rgba(0,212,255,.15)}.quote-status-estimate-label{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .5));letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.quote-status-estimate-price{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,var(--accent-cyan, #00d4ff),var(--accent-blue, #3a8bfd));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.quote-status-estimate-note{font-size:.8rem;color:var(--text-dim, rgba(255, 255, 255, .3))}.quote-status-cta{text-align:center;padding:2rem 0}.quote-status-cta p{color:var(--text-secondary, rgba(255, 255, 255, .5));margin-bottom:1rem}@media (max-width: 576px){.quote-status-stepper{flex-wrap:wrap;gap:.5rem}.quote-status-step-line{min-width:15px}.quote-status-estimate-price{font-size:1.3rem}.quote-status-detail-row{flex-direction:column;gap:.25rem}.quote-status-detail-value{text-align:left}}@media (min-width: 1440px){.services-grid{grid-template-columns:repeat(4,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (min-width: 1920px){.services-grid,.portfolio-grid{max-width:min(1600px,92vw);gap:32px}.tech-grid{max-width:min(1300px,88vw)}.contact-wrapper{max-width:min(1200px,88vw);gap:56px}.social-embed-grid{max-width:min(1400px,90vw)}.process-timeline{max-width:900px}.service-card{padding:48px 36px}.portfolio-info{padding:28px}.line-qr-img{width:200px;height:200px}}@media (min-width: 2560px){.services-grid,.portfolio-grid{max-width:min(2000px,90vw)}.tech-grid{max-width:min(1600px,85vw)}.contact-wrapper{max-width:min(1500px,85vw)}.social-embed-grid{max-width:min(1800px,88vw)}.process-timeline{max-width:1100px}.line-qr-img{width:220px;height:220px}}.page-header{position:relative;min-height:44vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);overflow:hidden;padding-top:80px;padding-bottom:24px}.page-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg-secondary));z-index:1}.page-header-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(58,139,253,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(58,139,253,.05) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%)}.page-header-orb{position:absolute;width:450px;height:450px;border-radius:50%;background:var(--accent-blue);filter:blur(120px);opacity:.1;top:10%;right:-8%;animation:page-header-orb-drift 8s ease-in-out infinite alternate}.page-header-orb:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:var(--accent-warm);filter:blur(130px);opacity:.45;bottom:-60%;left:-120%;animation:page-header-orb-drift 10s ease-in-out infinite alternate-reverse}@keyframes page-header-orb-drift{0%{transform:translate(0)}to{transform:translate(-12px,8px)}}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.15;animation:page-header-scan 6s ease-in-out infinite;z-index:3}@keyframes page-header-scan{0%,to{top:15%;opacity:0}20%{opacity:.15}50%{top:85%;opacity:.08}80%{opacity:.15}}.page-header-content{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:800px;display:flex;flex-direction:column;align-items:center}.page-header-content:before,.page-header-content:after{content:"";position:absolute;width:40px;height:40px;border-color:#00d4ff26;border-style:solid;pointer-events:none}.page-header-content:before{top:-20px;left:-8px;border-width:1px 0 0 1px}.page-header-content:after{bottom:-20px;right:-8px;border-width:0 1px 1px 0}.page-header-title{font-family:var(--font-display);font-size:clamp(28px,5vw,3.25rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:2px}@media (max-width: 768px){.page-header{min-height:36vh;padding-bottom:16px}.page-header-content:before,.page-header-content:after{width:24px;height:24px}.page-header-content:before{top:-12px;left:0}.page-header-content:after{bottom:-12px;right:0}}.article-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-family:var(--font-body);font-size:.875rem;margin-bottom:20px;transition:color .3s}.article-back-link svg{stroke:currentColor;fill:none}.article-back-link:hover{color:var(--accent-cyan)}.article-category-badge{display:inline-block;padding:4px 16px;border:1px solid var(--accent-blue);color:var(--accent-cyan);font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.blog-section{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px);max-width:1280px;margin:0 auto}.blog-filters{margin-bottom:48px}.blog-search-form{margin-bottom:24px}.blog-search-bar{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);padding:4px;max-width:600px;transition:border-color .3s}.blog-search-bar:focus-within{border-color:var(--accent-blue)}.blog-search-icon{width:20px;height:20px;margin-left:12px;color:var(--text-dim);flex-shrink:0}.blog-search-bar input{flex:1;background:transparent;border:none;padding:10px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;outline:none}.blog-search-bar input::placeholder{color:var(--text-dim)}.blog-search-btn{padding:8px 24px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border:none;color:#fff;font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;cursor:pointer;transition:opacity .3s}.blog-search-btn:hover{opacity:.9}.blog-category-pills{display:flex;flex-wrap:wrap;gap:8px}.category-pill{padding:6px 18px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:all .3s}.category-pill:hover{border-color:var(--accent-blue);color:var(--accent-cyan)}.category-pill.active{border-color:var(--accent-cyan);background:#00d4ff14;color:var(--accent-cyan)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:48px}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden;transition:all .4s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.blog-card-image{position:relative;width:100%;height:200px;overflow:hidden;background:var(--bg-secondary)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),rgba(12,22,50,.8));color:var(--text-dim)}.blog-card-badge{position:absolute;top:12px;left:12px;padding:4px 12px;background:#060b18d9;border:1px solid var(--accent-blue);color:var(--accent-cyan);font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-card-body{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column}.blog-card-title{font-family:var(--font-display);font-size:.938rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.blog-card-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.7;margin-bottom:16px;flex:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);padding-top:12px}.blog-card-date{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-dim)}.blog-card-date svg{stroke:var(--text-dim);fill:none}.blog-card-readmore{font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;color:var(--accent-cyan);transition:color .3s}.blog-card:hover .blog-card-readmore{color:var(--accent-blue)}.blog-empty{text-align:center;padding:80px 24px;color:var(--text-dim)}.blog-empty svg{margin-bottom:24px}.blog-empty h3{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary);margin-bottom:8px}.blog-empty p{color:var(--text-dim);font-size:.875rem}.blog-tags-section{padding:40px 0;border-top:1px solid var(--border-subtle)}.blog-tags-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;letter-spacing:1px}.blog-tags-title svg{stroke:var(--accent-cyan);fill:none}.blog-tags-cloud{display:flex;flex-wrap:wrap;gap:10px}.blog-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:all .3s}.blog-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0a}.blog-tag.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff14}.blog-tag-count{padding:1px 6px;background:#00d4ff1a;font-size:.875rem;color:var(--accent-cyan);font-family:var(--font-display)}.article-header{position:relative;min-height:48vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);overflow:hidden;padding-top:80px;padding-bottom:24px}.article-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg-secondary));z-index:1}.article-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.15;animation:page-header-scan 6s ease-in-out infinite;z-index:3}.article-header-content{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:800px;display:flex;flex-direction:column;align-items:center}.article-header-content:before,.article-header-content:after{content:"";position:absolute;width:40px;height:40px;border-color:#00d4ff26;border-style:solid;pointer-events:none}.article-header-content:before{top:-20px;left:-8px;border-width:1px 0 0 1px}.article-header-content:after{bottom:-20px;right:-8px;border-width:0 1px 1px 0}@media (max-width: 768px){.article-header{min-height:36vh}.article-header-content:before,.article-header-content:after{width:24px;height:24px}}.article-title{font-family:var(--font-display);font-size:clamp(22px,4vw,40px);font-weight:700;color:var(--text-primary);margin-bottom:24px;line-height:1.3;letter-spacing:1px}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.article-meta-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.875rem}.article-meta-item svg{stroke:var(--accent-cyan);fill:none;flex-shrink:0}.article-section{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px)}.article-wrapper{max-width:800px;margin:0 auto}.article-content{background:var(--bg-card);border:1px solid var(--border-subtle);padding:clamp(24px,4vw,3rem)}.article-featured-image{margin:-1px -1px 32px;margin-top:calc(-1*clamp(24px,4vw,3rem));margin-left:calc(-1*clamp(24px,4vw,3rem));margin-right:calc(-1*clamp(24px,4vw,3rem));overflow:hidden}.article-featured-image img{width:100%;height:auto;display:block}.article-body.prose{color:var(--text-secondary);font-size:1rem;line-height:1.9}.article-body.prose h1,.article-body.prose h2,.article-body.prose h3,.article-body.prose h4,.article-body.prose h5,.article-body.prose h6{font-family:var(--font-display);color:var(--text-primary);margin-top:2em;margin-bottom:.8em;letter-spacing:.5px;line-height:1.3}.article-body.prose h2{font-size:1.5rem}.article-body.prose h3{font-size:1.25rem}.article-body.prose h4{font-size:1.063rem}.article-body.prose p{margin-bottom:1.5em}.article-body.prose a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px;transition:color .3s}.article-body.prose a:hover{color:var(--accent-blue)}.article-body.prose img{max-width:100%;height:auto;margin:2em 0;border:1px solid var(--border-subtle)}.article-body.prose blockquote{border-left:3px solid var(--accent-cyan);padding:16px 24px;margin:2em 0;background:#00d4ff08;color:var(--text-secondary);font-style:italic}.article-body.prose code{padding:2px 6px;background:#3a8bfd1a;border:1px solid rgba(58,139,253,.15);color:var(--accent-cyan);font-size:.9em;font-family:JetBrains Mono,monospace}.article-body.prose pre{background:#060b18cc;border:1px solid var(--border-subtle);padding:20px 24px;overflow-x:auto;margin:2em 0}.article-body.prose pre code{background:transparent;border:none;padding:0;font-size:.875rem;line-height:1.7;color:var(--text-secondary)}.article-body.prose ul,.article-body.prose ol{padding-left:24px;margin-bottom:1.5em}.article-body.prose li{margin-bottom:.5em}.article-body.prose ul li::marker{color:var(--accent-cyan)}.article-body.prose ol li::marker{color:var(--accent-cyan);font-family:var(--font-display)}.article-body.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:3em 0}.article-body.prose table{width:100%;border-collapse:collapse;margin:2em 0}.article-body.prose th,.article-body.prose td{padding:10px 16px;border:1px solid var(--border-subtle);text-align:left}.article-body.prose th{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-display);font-size:.875rem;letter-spacing:1px}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-subtle)}.article-tags svg{stroke:var(--text-dim);fill:none}.article-tag{padding:4px 14px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:all .3s}.article-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.article-share{display:flex;align-items:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.article-share-label{font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}.article-share-links{display:flex;gap:8px}.article-share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .3s}.article-share-btn svg{stroke:currentColor;fill:none}.article-share-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0d}.related-articles{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px);background:var(--bg-secondary)}.portfolio-section{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px);max-width:1280px;margin:0 auto}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px;justify-content:center}.portfolio-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 992px){.portfolio-listing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.portfolio-listing-grid{grid-template-columns:1fr}}.portfolio-listing-card{background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden;transition:all .4s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.portfolio-listing-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.portfolio-listing-thumb{position:relative;width:100%;height:260px;overflow:hidden}.portfolio-listing-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-listing-card:hover .portfolio-listing-thumb img{transform:scale(1.05)}.portfolio-listing-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#162040)}.portfolio-listing-placeholder span{font-family:var(--font-display);font-size:3rem;font-weight:800;color:#00d4ff14;letter-spacing:8px}.portfolio-featured-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f59e0be6,#ff9d3ad9);color:#fff;font-family:var(--font-display);font-size:.6875rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.portfolio-listing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060b18e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.portfolio-listing-card:hover .portfolio-listing-overlay{opacity:1}.portfolio-listing-info{padding:24px;flex:1}.portfolio-listing-title{font-family:var(--font-display);font-size:1.063rem;font-weight:600;letter-spacing:1px;color:var(--text-primary);margin-bottom:6px}.portfolio-listing-client{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.875rem;margin-bottom:10px}.portfolio-listing-client svg{stroke:var(--accent-cyan);fill:none}.portfolio-listing-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:14px}.project-detail-section{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px)}.project-detail-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}@media (max-width: 900px){.project-detail-wrapper{grid-template-columns:1fr}}.project-detail-content{min-width:0}.project-cover-image{margin-bottom:32px;border:1px solid var(--border-subtle);overflow:hidden}.project-cover-image img{width:100%;height:auto;display:block}.project-gallery-main-img{cursor:pointer;transition:opacity .3s ease}.project-gallery-main-img:hover{opacity:.9}.project-gallery-main-caption{padding:8px 0;font-size:.875rem;color:var(--text-secondary);font-style:italic}.project-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:32px}.project-gallery-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--border-subtle);cursor:pointer;transition:transform .3s ease,border-color .3s ease}.project-gallery-thumb:hover{transform:translateY(-2px);border-color:var(--border-glow)}.project-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-gallery-thumb:hover img{transform:scale(1.05)}.project-gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(transparent,#060b18d9);color:var(--text-primary);font-size:.75rem;line-height:1.4}@media (max-width: 768px){.project-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.project-cover-image a,.project-gallery-thumb{display:block;text-decoration:none;color:inherit}.project-cover-image a img{cursor:zoom-in}.project-sidebar-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:32px;position:sticky;top:88px}.project-sidebar-title{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:2px;color:var(--text-primary);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.project-sidebar-item{margin-bottom:20px}.project-sidebar-label{font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.project-sidebar-value{color:var(--text-primary);font-size:.938rem}.project-sidebar-techs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.project-tech-badge{padding:3px 10px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.12);font-size:.875rem;font-family:var(--font-display);letter-spacing:1px;color:var(--accent-cyan)}.project-sidebar-links{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.related-projects-section{padding:clamp(48px,8vw,80px) clamp(20px,5vw,60px);background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.related-projects-wrapper{max-width:1100px;margin:0 auto}.related-projects-header{margin-bottom:32px}.related-projects-header h3{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;color:var(--text-primary);letter-spacing:1px}.related-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 900px){.related-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.related-projects-grid{grid-template-columns:1fr}}.related-project-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.related-project-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 16px 48px #0000004d,0 0 24px #00d4ff0f}.related-project-thumb{position:relative;width:100%;height:180px;overflow:hidden}.related-project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.related-project-card:hover .related-project-thumb img{transform:scale(1.06)}.related-project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#162040)}.related-project-placeholder span{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:#00d4ff14;letter-spacing:6px}.related-project-info{padding:20px;flex:1;display:flex;flex-direction:column}.related-project-category{display:inline-block;font-family:var(--font-display);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:6px}.related-project-title{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.related-project-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:12px;flex:1}.related-project-techs{display:flex;flex-wrap:wrap;gap:6px}.related-project-techs span{padding:2px 8px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.1);font-size:.75rem;font-family:var(--font-display);letter-spacing:.5px;color:var(--accent-cyan)}.about-story{padding:clamp(60px,10vw,120px) clamp(20px,5vw,60px);background:var(--bg-primary)}.about-story-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media (max-width: 900px){.about-story-wrapper{grid-template-columns:1fr}}.about-story-title{font-family:var(--font-display);font-size:clamp(22px,3.5vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:1px}.about-story-content p{color:var(--text-secondary);font-size:.938rem;line-height:1.9;margin-bottom:20px}.about-code-block{background:#060b18e6;border:1px solid var(--border-subtle);overflow:hidden}.about-code-header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#0a1128cc;border-bottom:1px solid var(--border-subtle)}.about-code-dot{width:10px;height:10px;border-radius:50%}.about-code-filename{margin-left:12px;font-family:var(--font-display);font-size:.875rem;color:var(--text-dim);letter-spacing:1px}.about-code-body{padding:20px 24px;overflow-x:auto}.about-code-body code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.8;color:var(--text-secondary)}.code-keyword{color:#c678dd}.code-class{color:#e5c07b}.code-string{color:#98c379}.code-prop{color:var(--accent-cyan)}.code-func{color:#61afef}.about-timeline-section{padding:clamp(60px,10vw,120px) clamp(20px,5vw,60px);background:var(--bg-secondary)}.timeline-year{font-size:.875rem;letter-spacing:1px}.about-skills-section{padding:clamp(60px,10vw,120px) clamp(20px,5vw,60px);background:var(--bg-primary)}.about-skills-grid{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.about-skill-group-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.938rem;font-weight:600;color:var(--text-primary);letter-spacing:1px;margin-bottom:20px}.about-skill-group-title svg{stroke:var(--accent-cyan);fill:none}.about-values-section{padding:clamp(60px,10vw,120px) clamp(20px,5vw,60px);background:var(--bg-secondary)}.about-values-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.about-values-grid{grid-template-columns:1fr}}.about-value-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:40px 32px;text-align:center;transition:all .4s}.about-value-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.about-value-icon{margin-bottom:20px}.about-value-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:1px;color:var(--text-primary);margin-bottom:12px}.about-value-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.about-cta-section{padding:clamp(60px,10vw,100px) clamp(20px,5vw,60px);background:var(--bg-primary)}.about-cta-wrapper{max-width:700px;margin:0 auto;text-align:center}.about-cta-title{font-family:var(--font-display);font-size:clamp(22px,3.5vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:1px}.about-cta-desc{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:32px}.service-detail-section{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px)}.service-detail-wrapper{max-width:900px;margin:0 auto}.service-detail-icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);background:var(--bg-card)}.service-detail-icon svg{width:32px;height:32px;stroke:var(--accent-cyan);fill:none;stroke-width:1.5}.service-detail-content,.service-features{margin-bottom:48px}.service-features-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:1px}.service-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.service-features-grid{grid-template-columns:1fr}}.service-feature-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .3s}.service-feature-item:hover{border-color:var(--border-glow);transform:translateY(-2px)}.service-feature-number{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--accent-blue);min-width:36px;opacity:.6}.service-feature-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.service-tech-section{margin-bottom:48px}.service-tech-tags{display:flex;flex-wrap:wrap;gap:10px}.service-tech-tag{padding:8px 20px;border:1px solid rgba(58,139,253,.2);font-size:.875rem;font-family:var(--font-display);letter-spacing:1px;color:var(--accent-blue);background:var(--bg-card);transition:all .3s}.service-tech-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.service-price-section{margin-bottom:48px}.service-price-card{display:flex;align-items:center;gap:24px;padding:32px;background:var(--bg-card);border:1px solid var(--border-subtle)}@media (max-width: 480px){.service-price-card{flex-direction:column;text-align:center}}.service-price-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent-blue);flex-shrink:0}.service-price-label{font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.service-price-value{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--accent-cyan);margin-bottom:4px}.service-price-note{font-size:.875rem;color:var(--text-dim)}.service-faq-section{margin-bottom:48px}.faq-accordion{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border-subtle);background:var(--bg-card);transition:border-color .3s}.faq-item.active{border-color:var(--border-glow)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.938rem;cursor:pointer;text-align:left;transition:color .3s}.faq-question:hover{color:var(--accent-cyan)}.faq-chevron{stroke:var(--text-dim);fill:none;flex-shrink:0;transition:transform .3s,stroke .3s}.faq-item.active .faq-chevron{transform:rotate(180deg);stroke:var(--accent-cyan)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 24px}.faq-item.active .faq-answer{max-height:500px;padding:0 24px 20px}.faq-answer p{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.service-cta{margin-top:32px;padding-top:48px;border-top:1px solid var(--border-subtle)}#testimonials{background:var(--bg-primary);position:relative}#testimonials:before{content:"";position:absolute;bottom:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.04),transparent 70%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-subtle);padding:32px;transition:all .4s;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.testimonial-stars{display:flex;gap:4px;margin-bottom:16px}.testimonial-star{width:16px;height:16px;stroke:var(--text-dim);fill:none;stroke-width:1.5}.testimonial-star.active{stroke:var(--accent-warm);fill:var(--accent-warm)}.testimonial-content{flex:1;margin-bottom:20px}.testimonial-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.8;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}.testimonial-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;background:#00d4ff0f;flex-shrink:0}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-avatar span{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--accent-cyan)}.testimonial-info{flex:1}.testimonial-name{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.testimonial-role{font-size:.875rem;color:var(--text-dim)}.testimonial-project-type{padding:3px 10px;border:1px solid rgba(0,212,255,.15);font-size:.875rem;font-family:var(--font-display);letter-spacing:1px;color:var(--accent-cyan);white-space:nowrap}#blog-preview{background:var(--bg-secondary)}.blog-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}@media (max-width: 992px){.blog-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blog-preview-grid{grid-template-columns:1fr}}.blog-preview-card{background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden;transition:all .4s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-preview-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:0 20px 60px #0000004d,0 0 30px #00d4ff0d}.blog-preview-image{width:100%;height:180px;overflow:hidden;background:var(--bg-secondary)}.blog-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.blog-preview-card:hover .blog-preview-image img{transform:scale(1.05)}.blog-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),rgba(12,22,50,.8));color:var(--text-dim)}.blog-preview-body{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column}.blog-preview-category{display:inline-block;padding:2px 10px;border:1px solid var(--accent-blue);color:var(--accent-cyan);font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;align-self:flex-start}.blog-preview-title{font-family:var(--font-display);font-size:.938rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.blog-preview-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:16px;flex:1}.blog-preview-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-dim);border-top:1px solid var(--border-subtle);padding-top:12px}.blog-preview-readmore{color:var(--accent-cyan);font-family:var(--font-display);font-size:.875rem;letter-spacing:1px}.newsletter-section{background:var(--bg-secondary);padding:clamp(40px,6vw,60px) clamp(20px,5vw,60px);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.newsletter-wrapper{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:48px}@media (max-width: 768px){.newsletter-wrapper{flex-direction:column;text-align:center}}.newsletter-content{flex:1}.newsletter-title{font-family:var(--font-display);font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:1px}.newsletter-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.newsletter-form{flex:1;min-width:0}.newsletter-input-group{display:flex;border:1px solid var(--border-subtle);background:var(--bg-card);transition:border-color .3s}.newsletter-input-group:focus-within{border-color:var(--accent-blue)}.newsletter-input-group input{flex:1;min-width:0;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;outline:none}.newsletter-input-group input::placeholder{color:var(--text-dim)}.newsletter-btn{white-space:nowrap;clip-path:none;padding:12px 24px}.newsletter-message{margin-top:8px;font-size:.875rem}.newsletter-message.success{color:var(--accent-cyan)}.newsletter-message.error{color:#ff5f56}.fab-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.fab-main{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00d4ff4d,0 0 40px #00d4ff1a;transition:transform .3s,box-shadow .3s;position:relative;animation:fab-pulse 2.5s ease-in-out infinite}.fab-main:hover{transform:scale(1.08);box-shadow:0 6px 30px #00d4ff73,0 0 60px #00d4ff26}.fab-main svg{stroke:#fff;fill:none;stroke-width:1.5;transition:opacity .3s,transform .3s}.fab-icon-close{position:absolute;opacity:0;transform:rotate(-90deg)}.fab-container.active .fab-icon-chat{opacity:0;transform:rotate(90deg)}.fab-container.active .fab-icon-close{opacity:1;transform:rotate(0)}.fab-container.active .fab-main{animation:none;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue))}@keyframes fab-pulse{0%,to{box-shadow:0 4px 20px #00d4ff4d,0 0 40px #00d4ff1a}50%{box-shadow:0 4px 30px #00d4ff80,0 0 60px #00d4ff33}}.fab-options{display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none;opacity:0;transform:translateY(10px) scale(.95);transition:opacity .3s ease,transform .3s ease}.fab-container.active .fab-options{pointer-events:auto;opacity:1;transform:translateY(0) scale(1)}.fab-option{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:28px;color:var(--text-primary);text-decoration:none;font-family:var(--font-display);font-size:.875rem;letter-spacing:.5px;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s;box-shadow:0 4px 20px #0003}.fab-option:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0f;transform:translate(-4px)}.fab-option svg{stroke:var(--accent-cyan);fill:none;stroke-width:1.5;flex-shrink:0}.fab-container.active .fab-option:nth-child(1){transition-delay:.05s}.fab-container.active .fab-option:nth-child(2){transition-delay:.1s}.fab-container.active .fab-option:nth-child(3){transition-delay:.15s}.fab-backdrop{display:none}@media (max-width: 768px){.fab-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#060b1899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:-1}.fab-container.active .fab-backdrop{opacity:1;pointer-events:auto}}.theme-toggle{position:fixed;bottom:24px;left:24px;z-index:1000;width:44px;height:44px;border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.theme-toggle:hover{border-color:var(--accent-cyan);background:#00d4ff0d}.theme-toggle svg{width:20px;height:20px;stroke:var(--text-secondary);fill:none;stroke-width:1.5}.theme-toggle:hover svg{stroke:var(--accent-cyan)}.quote-section{padding:clamp(40px,6vw,80px) clamp(20px,5vw,60px);background:var(--bg-primary)}.quote-wrapper{max-width:880px;margin:0 auto}.quote-progress{margin-bottom:48px}.quote-progress-bar{height:3px;background:var(--border-subtle);position:relative;margin-bottom:20px}.quote-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.quote-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 12px #00d4ff80}.quote-progress-steps{display:flex;justify-content:space-between}.quote-progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.quote-progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border-subtle);background:var(--bg-primary);transition:all .3s}.quote-progress-step.active .quote-progress-dot,.quote-progress-step.completed .quote-progress-dot{border-color:var(--accent-cyan);background:var(--accent-cyan);box-shadow:0 0 10px #00d4ff66}.quote-progress-label{font-family:var(--font-display);font-size:.875rem;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;transition:color .3s}.quote-progress-step.active .quote-progress-label,.quote-progress-step.completed .quote-progress-label{color:var(--accent-cyan)}@media (max-width: 480px){.quote-progress-label{font-size:.875rem;letter-spacing:.5px}}.quote-steps-container{position:relative}.quote-step{display:none;animation:quoteStepFadeIn .4s ease forwards}.quote-step.active{display:block}@keyframes quoteStepFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quote-step-header{margin-bottom:32px}.quote-step-number{font-family:var(--font-display);font-size:.875rem;letter-spacing:3px;color:var(--accent-cyan);display:block;margin-bottom:8px}.quote-step-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--text-primary);letter-spacing:1px;margin-bottom:8px}.quote-step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.quote-options-grid{display:grid;gap:16px}.quote-options-grid--2x2,.quote-options-grid--features{grid-template-columns:repeat(2,1fr)}.quote-options-grid--row{grid-template-columns:repeat(4,1fr)}@media (max-width: 640px){.quote-options-grid--2x2,.quote-options-grid--features{grid-template-columns:1fr}.quote-options-grid--row{grid-template-columns:repeat(2,1fr)}}.quote-option-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.quote-option-card input[type=radio],.quote-option-card input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.quote-option-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 8px 30px #0003,0 0 20px #00d4ff08}.quote-option-card.selected{border-color:var(--accent-cyan);background:#00d4ff0a;box-shadow:0 0 20px #00d4ff14,inset 0 0 30px #00d4ff05}.quote-option-card--compact{padding:16px 20px}.quote-option-inner{flex:1;min-width:0}.quote-option-icon{margin-bottom:12px}.quote-option-icon svg{stroke:var(--text-secondary);transition:stroke .3s}.quote-option-card.selected .quote-option-icon svg{stroke:var(--accent-cyan)}.quote-option-title{font-family:var(--font-display);font-size:.938rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px;margin-bottom:4px}.quote-option-card--compact .quote-option-title{font-size:.875rem}.quote-option-desc{font-size:.875rem;color:var(--text-dim);line-height:1.5}.quote-option-check{width:24px;height:24px;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;margin-top:2px}.quote-option-check svg{stroke:transparent;transition:stroke .3s}.quote-option-card.selected .quote-option-check{border-color:var(--accent-cyan);background:#00d4ff26}.quote-option-card.selected .quote-option-check svg{stroke:var(--accent-cyan)}.quote-subsection{margin-bottom:32px}.quote-subsection:last-child{margin-bottom:0}.quote-subsection-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:1px;margin-bottom:16px}.quote-subsection-title svg{stroke:var(--accent-cyan);fill:none}.quote-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quote-form-group--full{grid-column:1/-1}@media (max-width: 640px){.quote-form-grid{grid-template-columns:1fr}.quote-form-group--full{grid-column:auto}}.quote-form-label{display:block;font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.quote-required{color:#ff5f56}.quote-optional{color:var(--text-dim);font-size:.875rem;text-transform:none;letter-spacing:0}.quote-form-input,.quote-form-textarea{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;outline:none;transition:border-color .3s,box-shadow .3s}.quote-form-input:focus,.quote-form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3a8bfd1a}.quote-form-input::placeholder,.quote-form-textarea::placeholder{color:var(--text-dim)}.quote-form-textarea{resize:vertical;min-height:100px}.quote-form-input.error,.quote-form-textarea.error{border-color:#ff5f56}.quote-step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-subtle)}.quote-btn-next,.quote-btn-prev,.quote-btn-submit,.quote-btn-reset{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;cursor:pointer;transition:all .3s;border:none}.quote-btn-next,.quote-btn-submit{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);padding-right:36px}.quote-btn-next:hover,.quote-btn-submit:hover{opacity:.9;transform:translate(2px)}.quote-btn-next:disabled,.quote-btn-submit:disabled{opacity:.35;cursor:not-allowed;transform:none}.quote-btn-next svg,.quote-btn-submit svg{stroke:#fff;fill:none}.quote-btn-prev{background:transparent;border:none;color:var(--text-secondary);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);padding-left:36px;position:relative}.quote-btn-prev:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);background:var(--border-subtle);z-index:-1}.quote-btn-prev:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);background:var(--bg-primary, #060b18);z-index:-1}.quote-btn-prev:hover{color:var(--accent-cyan)}.quote-btn-prev:hover:before{background:var(--accent-cyan)}.quote-btn-prev:hover:after{background:#0a1230}.quote-btn-prev svg{stroke:currentColor;fill:none}.quote-btn-reset{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.quote-btn-reset:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.quote-btn-reset svg{stroke:currentColor;fill:none}.quote-result{text-align:center}.quote-result-header{margin-bottom:40px}.quote-result-icon{margin-bottom:16px}.quote-result-icon svg{stroke:var(--accent-cyan);fill:none}.quote-result-title{font-family:var(--font-display);font-size:clamp(22px,3.5vw,2rem);font-weight:700;color:var(--text-primary);letter-spacing:1px;margin-bottom:8px}.quote-result-desc{color:var(--text-secondary);font-size:.875rem}.quote-estimate{padding:40px 32px;margin-bottom:32px;background:var(--bg-card);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.quote-estimate:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan))}.quote-estimate-label{font-family:var(--font-display);font-size:.875rem;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;margin-bottom:12px}.quote-estimate-price{font-family:var(--font-display);font-size:clamp(28px,5vw,2.625rem);font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.2}.quote-estimate-note{font-size:.875rem;color:var(--text-dim);font-style:italic}.quote-result-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px;text-align:left}@media (max-width: 640px){.quote-result-summary{grid-template-columns:1fr}}.quote-summary-item{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle)}.quote-summary-label{font-family:var(--font-display);font-size:.875rem;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.quote-summary-value{font-size:.938rem;color:var(--text-primary);font-weight:500}.quote-result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.fe-pagination-wrap{display:flex;justify-content:center;margin-top:48px;margin-bottom:16px}.fe-pagination{width:100%;max-width:600px}.fe-pagination-mobile{display:none;justify-content:space-between;align-items:center;gap:12px}.fe-page-btn{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-display);font-size:.8125rem;letter-spacing:1px;text-decoration:none;transition:all .3s}.fe-page-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.fe-page-btn.disabled{color:var(--text-dim);opacity:.4;pointer-events:none}.fe-page-info{color:var(--text-dim);font-family:var(--font-display);font-size:.875rem;letter-spacing:2px}.fe-pagination-desktop{display:flex;flex-direction:column;align-items:center;gap:16px}.fe-page-summary{color:var(--text-dim);font-size:.8125rem}.fe-page-list{display:flex;list-style:none;margin:0;padding:0;gap:4px}.fe-page-item span,.fe-page-item a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-display);font-size:.875rem;text-decoration:none;transition:border-color .3s,color .3s,background .3s}.fe-page-item a:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0f}.fe-page-item.active span{border-color:var(--accent-cyan);background:#00d4ff1f;color:var(--accent-cyan)}.fe-page-item.disabled span{color:var(--text-dim);opacity:.35;pointer-events:none}@media (max-width: 640px){.fe-pagination-mobile{display:flex}.fe-pagination-desktop{display:none}}body.light-theme{--bg-primary: #f0f2f5;--bg-secondary: #e4e7ec;--bg-card: rgba(255, 255, 255, .9);--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-dim: #a0aec0;--border-subtle: rgba(58, 139, 253, .12);--border-glow: rgba(0, 212, 255, .25);--gradient-hero: linear-gradient(135deg, #e8edf5 0%, #d1d9e8 40%, #e4e7ec 100%)}@media (min-width: 1920px){.page-header-content{max-width:1000px}.article-container{max-width:900px}.blog-section,.portfolio-section{max-width:min(1500px,90vw)}.project-detail-wrapper,.related-projects-wrapper,.about-story-wrapper,.about-skills-grid,.about-values-grid{max-width:1400px}.about-cta-wrapper{max-width:1200px}.quote-wrapper{max-width:1100px}.pricing-plans-section .container{max-width:1500px}}@media (min-width: 2560px){.page-header-content{max-width:1200px}.article-container{max-width:1100px}.blog-section,.portfolio-section{max-width:min(1800px,88vw)}.project-detail-wrapper,.related-projects-wrapper,.about-story-wrapper,.about-skills-grid,.about-values-grid{max-width:1700px}.about-cta-wrapper{max-width:1400px}.quote-wrapper{max-width:1500px}.pricing-plans-section .container{max-width:1800px}}