*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3858e9;--primary-dark:#2342c8;--primary-light:rgba(56,88,233,.08);--secondary:#8b5cf6;--accent:#ff6b35;--success:#10b981;--text-dark:#0f172a;--text-mid:#334155;--text-light:#64748b;--text-muted:#94a3b8;--bg:#fafafb;--bg-soft:#f3f4f6;--bg-card:rgba(255,255,255,.75);--border:rgba(0,0,0,.07);--border-light:rgba(0,0,0,.04);--navbar-bg:rgba(255,255,255,.94);--navbar-border:rgba(0,0,0,.08);--card-glow:rgba(56,88,233,.06);--card-glow-border:rgba(56,88,233,.2);--shadow-sm:0 1px 2px rgba(0,0,0,.03);--shadow-md:0 4px 20px rgba(0,0,0,.04), 0 2px 4px rgba(0,0,0,.02);--shadow-lg:0 12px 36px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.03);--shadow-xl:0 24px 60px rgba(0,0,0,.08);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:100px;--transition:.3s cubic-bezier(.16, 1, .3, 1);--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif}html[data-theme=dark]{--text-dark:#f8fafc;--text-mid:#cbd5e1;--text-light:#94a3b8;--text-muted:#64748b;--bg:#030712;--bg-soft:#090d16;--bg-card:rgba(17,24,39,.65);--border:rgba(255,255,255,.08);--border-light:rgba(255,255,255,.04);--navbar-bg:rgba(9,13,22,.88);--navbar-border:rgba(255,255,255,.12);--primary-light:rgba(56,88,233,.15);--card-glow:rgba(56,88,233,.14);--card-glow-border:rgba(56,88,233,.35);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 24px rgba(0,0,0,.35);--shadow-lg:0 12px 48px rgba(0,0,0,.4);--shadow-xl:0 28px 72px rgba(0,0,0,.5)}html{scroll-behavior:smooth;font-size:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill);border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}html,body{max-width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text-dark);background:var(--bg);line-height:1.6;transition:background-color .4s,color .4s,border-color .4s}.scroll-progress-container{z-index:2000;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));width:0%;height:100%;box-shadow:0 0 8px var(--primary);transition:width .1s ease-out}.loader-wrapper{background:var(--bg);z-index:9999;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader-wrapper.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.loader-logo{color:var(--primary);font-size:3rem;animation:1.5s ease-in-out infinite loaderPulse}.loader-bar{background:var(--border);border-radius:var(--radius-pill);width:140px;height:3px;position:relative;overflow:hidden}.loader-progress{background:var(--primary);border-radius:var(--radius-pill);width:0%;height:100%;animation:2s cubic-bezier(.1,.8,.2,1) forwards loaderLoad;position:absolute;top:0;left:0}@keyframes loaderPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes loaderLoad{0%{width:0%}to{width:100%}}.custom-cursor{background-color:var(--primary);pointer-events:none;z-index:99999;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s,background-color .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-follower{border:1.5px solid var(--primary);pointer-events:none;z-index:99998;border-radius:50%;width:36px;height:36px;transition:width .3s,height .3s,border-color .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovered{background-color:#fff;width:4px;height:4px}.custom-cursor-follower.hovered{background-color:rgba(56,88,233,.15);border-color:transparent;width:52px;height:52px}@media (pointer:coarse){.custom-cursor,.custom-cursor-follower{display:none!important}}.split-line{margin-bottom:-8px;padding-bottom:8px;display:inline-block;overflow:hidden}.split-word{transition:transform .8s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(100%)}.split-word.animated{transform:translateY(0)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}p{color:var(--text-mid)}a{color:inherit;transition:var(--transition);text-decoration:none}.container{z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.section{z-index:1;padding:100px 0;position:relative;overflow:clip}.section:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(var(--border) 1.2px, transparent 1.2px);opacity:.28;background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0}.section-header{text-align:center;margin-bottom:64px;padding-top:8px;overflow:visible}.section-tag{background:var(--primary-light);color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-pill);margin-bottom:14px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.section-title{color:var(--text-dark);margin-bottom:16px;font-size:max(1.8rem,min(4vw,2.6rem))}.section-subtitle{color:var(--text-light);max-width:560px;margin:0 auto;font-size:1.05rem}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:2px solid transparent;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 20px rgba(56,88,233,.25)}.btn-primary:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);width:30%;height:200%;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(56,88,233,.35)}.btn-primary:hover:after{opacity:1;transition:all .85s cubic-bezier(.16,1,.3,1);left:140%}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(56,88,233,.2)}.btn-ghost{color:var(--primary);background:0 0;padding-left:0}.btn-ghost:hover{color:var(--primary-dark);letter-spacing:.5px}.btn-lg{padding:15px 32px;font-size:1rem}.btn-full{width:100%}.navbar{z-index:1000;background:0 0;padding:24px 0;transition:all .45s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--navbar-bg);-webkit-backdrop-filter:blur(24px);width:90%;max-width:1080px;box-shadow:var(--shadow-lg);border-radius:var(--radius-pill);border:1px solid var(--navbar-border);margin:0 auto;padding:10px 20px;animation:6s ease-in-out infinite navbarGlow;top:16px;left:0;right:0}@keyframes navbarGlow{0%,to{border-color:var(--navbar-border);box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 15px rgba(56,88,233,.12), var(--shadow-lg);border-color:rgba(56,88,233,.35)}}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--text-dark);transition:var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--primary);background:var(--primary-light);transform:scale(1.05)}.theme-toggle svg{width:18px;height:18px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute}html[data-theme=dark] .theme-toggle .sun-icon{opacity:1;transform:rotate(0)scale(1)}html[data-theme=dark] .theme-toggle .moon-icon{opacity:0;transform:rotate(90deg)scale(0)}.theme-toggle .sun-icon{opacity:0;transform:rotate(-90deg)scale(0)}.theme-toggle .moon-icon{opacity:1;transform:rotate(0)scale(1)}.nav-container{align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--text-dark);align-items:center;gap:8px;margin-right:auto;font-size:1.4rem;font-weight:800;display:flex}.logo-icon{font-size:1.2rem}.nav-links{gap:4px;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-mid);transition:var(--transition);padding:8px 14px;font-size:.92rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-light)}.nav-cta{margin-left:8px}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:4px;display:none}.hamburger span{background:var(--text-dark);width:24px;height:2.5px;transition:var(--transition);border-radius:2px;display:block}.hamburger.active span:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger.active span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.hero{background:var(--bg);flex-direction:column;justify-content:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}html[data-theme=dark] .hero{background:radial-gradient(circle,#0e1424 0%,#07090e 100%)}.hero-bg-shapes{pointer-events:none;z-index:0;animation:30s linear infinite hue-rotate-bg;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}@keyframes hue-rotate-bg{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.shape{filter:blur(80px);opacity:.22;border-radius:50%;position:absolute}.shape-1{background:radial-gradient(circle, var(--primary), transparent);width:600px;height:600px;animation:20s ease-in-out infinite alternate aurora-move-1;top:-150px;right:-100px}.shape-2{background:radial-gradient(circle, var(--secondary), transparent);width:500px;height:500px;animation:25s ease-in-out infinite alternate aurora-move-2;bottom:-50px;left:-100px}.shape-3{background:radial-gradient(circle, var(--accent), transparent);width:400px;height:400px;animation:18s ease-in-out infinite alternate aurora-move-3;top:35%;right:15%}@keyframes aurora-move-1{0%{transform:translate(0)scale(1)}to{transform:translate(-100px,80px)scale(1.15)}}@keyframes aurora-move-2{0%{transform:translate(0)scale(1)}to{transform:translate(120px,-50px)scale(1.1)}}@keyframes aurora-move-3{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,-100px)scale(1.2)}}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:80px 24px;display:grid;position:relative}.hero-badge{color:var(--success);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);background:#fff;border:1.5px solid #d1fae5;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .3s;animation:.6s fadeInDown;display:inline-flex}html[data-theme=dark] .hero-badge{color:#34d399;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25)}.badge-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.hero-title{color:var(--text-dark);margin-bottom:20px;font-size:max(2rem,min(4.5vw,3.4rem));line-height:1.18;animation:.7s .1s both fadeInUp}.highlight{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.underline-text{color:var(--accent);position:relative}.underline-text:after{content:"";background:linear-gradient(90deg, var(--accent), var(--primary));border-radius:2px;height:4px;position:absolute;bottom:-4px;left:0;right:0}.hero-subtitle{color:var(--text-mid);max-width:520px;margin-bottom:32px;font-size:1.05rem;animation:.7s .2s both fadeInUp}.hero-stats{align-items:center;gap:24px;margin-bottom:36px;animation:.7s .3s both fadeInUp;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{font-family:var(--font-heading);color:var(--primary);font-size:2rem;font-weight:800;line-height:1}.stat-item>span:nth-child(2){color:var(--primary);font-size:1.4rem;font-weight:800;line-height:1;display:inline}.stat-label{color:var(--text-light);margin-top:4px;font-size:.78rem;font-weight:500}.stat-divider{background:var(--border);width:1px;height:40px}.hero-cta{flex-wrap:wrap;gap:16px;margin-bottom:28px;animation:.7s .4s both fadeInUp;display:flex}.hero-platforms{color:var(--text-light);align-items:center;gap:12px;font-size:.85rem;animation:.7s .5s both fadeInUp;display:flex}.platform-badges{flex-wrap:wrap;gap:8px;display:flex}.platform-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-dark);box-shadow:var(--shadow-sm);padding:4px 12px;font-size:.78rem;font-weight:600}.hero-visual{justify-content:center;align-items:center;animation:.8s .3s both fadeInRight;display:flex}.hero-card{border-radius:var(--radius-xl);width:100%;max-width:480px;transform-style:preserve-3d;position:relative}.hero-card-inner{border-radius:inherit;border:1px solid var(--border-light);width:100%;height:100%;box-shadow:var(--shadow-xl);display:block;position:relative;overflow:hidden}.card-glare-overlay{pointer-events:none;z-index:3;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.hero-img{border-radius:inherit;width:100%;display:block}.badge-wrapper{z-index:10;position:absolute}.badge-wp-wrap{top:20px;left:-25px}.badge-woo-wrap{bottom:65px;left:-25px}.badge-rating-wrap{bottom:25px;right:-15px}.floating-badge{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:10px;padding:10px 16px;animation:4s ease-in-out infinite floatBadge;display:flex}.floating-badge div{flex-direction:column;display:flex}.floating-badge strong{color:var(--text-dark);font-size:.85rem;font-weight:700}.floating-badge small{color:var(--text-light);font-size:.72rem}.badge-wp{animation-delay:0s}.badge-woo{animation-delay:1s}.badge-rating{flex-direction:column;gap:4px;animation-delay:2s}.stars{font-size:.9rem}.badge-rating small{color:var(--text-light);font-size:.72rem}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding-bottom:24px;font-size:.78rem;animation:1s 1s both fadeIn;display:flex}.scroll-line{background:linear-gradient(to bottom, var(--border), transparent);width:1px;height:40px}.marquee-section{background:var(--primary);padding:16px 0;overflow:hidden}.marquee-track{overflow:hidden}.marquee-content{white-space:nowrap;color:rgba(255,255,255,.9);gap:24px;font-size:.92rem;font-weight:500;animation:30s linear infinite marquee;display:flex}.marquee-content span{flex-shrink:0}.marquee-content .dot{color:rgba(255,255,255,.4)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{background:var(--bg)}.about-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:80px;display:grid}.about-visual{flex-direction:column;gap:24px;display:flex}.about-img-wrapper{justify-content:center;display:flex;position:relative}.about-img{border-radius:var(--radius-xl);object-fit:cover;width:300px;height:300px;box-shadow:var(--shadow-xl);border:5px solid var(--border)}.about-exp-badge{background:var(--primary);color:#fff;border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-lg);padding:14px 20px;position:absolute;bottom:-16px;right:20px}.exp-number{font-size:1.8rem;font-weight:800;line-height:1;display:block}.exp-label{opacity:.9;font-size:.72rem;font-weight:500;line-height:1.3}.about-tech-stack{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.tech-item{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);padding:10px;position:relative}.tech-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.tech-item:after{content:attr(data-tooltip);background:var(--text-dark);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition);border-radius:4px;padding:4px 10px;font-size:.72rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tech-item:hover:after{opacity:1}.about-content{padding-right:24px}.about-text{color:var(--text-mid);margin-bottom:16px;font-size:1rem;line-height:1.75}.about-highlights{flex-direction:column;gap:12px;margin:28px 0;display:flex}.highlight-item{color:var(--text-mid);align-items:flex-start;gap:12px;font-size:.95rem;display:flex}.highlight-icon{margin-top:1px;font-size:1.1rem}.about-cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.services-section{background:var(--bg-soft)}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);padding:32px 28px;position:relative}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-6px)}.featured-card{border-color:var(--primary);background:linear-gradient(160deg, var(--primary-light) 0%, var(--bg-card) 100%);box-shadow:0 4px 30px rgba(56,88,233,.12)}.featured-label{background:var(--accent);color:#fff;border-radius:var(--radius-pill);letter-spacing:.5px;padding:4px 14px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;right:20px}.service-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;display:flex}.service-icon{font-size:1.7rem}.service-title{color:var(--text-dark);margin-bottom:12px;font-size:1.1rem;font-weight:700}.service-desc{color:var(--text-light);margin-bottom:16px;font-size:.9rem;line-height:1.65}.service-features{flex-direction:column;gap:6px;margin-bottom:20px;list-style:none;display:flex}.service-features li{color:var(--text-mid);font-size:.85rem}.service-price{color:var(--text-light);border-top:1px solid var(--border-light);padding-top:14px;font-size:.88rem}.service-price strong{color:var(--primary);font-size:1rem}.projects-section{background:var(--bg)}.project-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.filter-btn{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-mid);cursor:pointer;transition:var(--transition);font-size:.88rem;font-weight:600;font-family:var(--font-body);padding:9px 22px}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px rgba(56,88,233,.25)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.project-card,.project-card.glow-card{border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}html[data-theme=dark] .project-card,html[data-theme=dark] .project-card.glow-card{background:#111827}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.project-card.hidden{display:none}.project-img-wrap{height:220px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-img{transform:scale(1.06)}.project-overlay{opacity:0;transition:var(--transition);background:rgba(56,88,233,.85);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-overlay{opacity:1}.project-link-btn{color:var(--primary);border-radius:var(--radius-pill);transition:var(--transition);background:#fff;padding:10px 22px;font-size:.9rem;font-weight:700;transform:translateY(10px)}.project-card:hover .project-link-btn{transform:translateY(0)}.project-tag{color:var(--primary);border-radius:var(--radius-pill);background:rgba(255,255,255,.95);padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:14px;right:14px}.project-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-content{text-align:center;color:#fff}.placeholder-content h4{margin-top:8px;font-size:1rem}.placeholder-content p{opacity:.85;color:rgba(255,255,255,.85);font-size:.8rem}.project-info{padding:22px}.project-title{color:var(--text-dark);margin-bottom:8px;font-size:1rem;font-weight:700}.project-desc{color:var(--text-light);margin-bottom:14px;font-size:.85rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tech-tag{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-pill);padding:3px 10px;font-size:.72rem;font-weight:600}.project-result{color:var(--success);border-radius:var(--radius-sm);background:#f0fdf4;border:1px solid #d1fae5;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;display:flex}.skills-section{background:var(--bg-soft)}.skills-layout{grid-template-columns:1.1fr 1fr;align-items:start;gap:60px;display:grid}.skills-category-title{color:var(--text-dark);margin-bottom:28px;font-size:1.1rem;font-weight:700}.skill-bar-item{margin-bottom:20px}.skill-bar-header{justify-content:space-between;margin-bottom:8px;display:flex}.skill-name{color:var(--text-dark);font-size:.9rem;font-weight:600}.skill-pct{color:var(--text-light);font-size:.85rem;font-weight:700}.skill-bar-track{background:var(--border);border-radius:var(--radius-pill);height:8px;overflow:hidden}.skill-bar-fill{border-radius:var(--radius-pill);width:0%;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.tool-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-mid);text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-size:.75rem;font-weight:600;display:flex}.tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-3px)}.certified-badges{flex-wrap:wrap;gap:8px;display:flex}.cert-badge{background:linear-gradient(135deg, var(--primary-light), #f0fdf4);color:var(--text-dark);border-radius:var(--radius-pill);border:1px solid var(--border);padding:6px 14px;font-size:.78rem;font-weight:600}.process-section{background:var(--bg)}.process-steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;display:flex}.process-step{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px solid var(--border-light);min-width:180px;max-width:220px;box-shadow:var(--shadow-sm);transition:var(--transition);flex:1;padding:28px 20px;position:relative}.process-step:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-5px)}.step-number{font-family:var(--font-heading);color:var(--primary-light);margin-bottom:8px;font-size:3rem;font-weight:900;line-height:1}.process-step:hover .step-number{color:rgba(56,88,233,.15)}.step-icon{margin-bottom:12px;font-size:2rem}.step-title{color:var(--text-dark);margin-bottom:10px;font-size:1rem;font-weight:700}.step-desc{color:var(--text-light);font-size:.84rem;line-height:1.6}.process-arrow{color:var(--border);flex-shrink:0;margin-top:70px;padding:0 4px;font-size:1.5rem}.testimonials-section{background:var(--bg-soft)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);padding:28px}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.featured-testimonial{border-color:var(--primary);background:linear-gradient(160deg, var(--primary-light), var(--bg-card));box-shadow:0 4px 24px rgba(56,88,233,.1)}.testimonial-stars{margin-bottom:14px;font-size:1rem}.testimonial-text{color:var(--text-mid);margin-bottom:20px;font-size:.9rem;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.author-info{flex:1}.author-info strong{color:var(--text-dark);font-size:.88rem;font-weight:700;display:block}.author-info span{color:var(--text-muted);font-size:.78rem}.platform-tag{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-pill);flex-shrink:0;padding:3px 10px;font-size:.72rem;font-weight:700}.faq-section{background:var(--bg)}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item.open{border-color:var(--primary);box-shadow:0 4px 20px rgba(56,88,233,.1)}.faq-question{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text-dark);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:.95rem;font-weight:600;display:flex}.faq-icon{color:var(--primary);transition:var(--transition);flex-shrink:0;font-size:1.3rem;font-weight:300;line-height:1}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .4s,padding .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{color:var(--text-mid);padding:0 24px 20px;font-size:.9rem;line-height:1.75}.contact-section{background:var(--bg-soft)}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:48px;display:grid}.contact-info{flex-direction:column;gap:16px;display:flex}.contact-card{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);padding:20px}.contact-card:hover{border-color:var(--primary);transform:translate(4px)}.contact-icon{margin-bottom:8px;font-size:1.5rem}.contact-card h4{color:var(--text-dark);margin-bottom:4px;font-size:.88rem;font-weight:700}.contact-card a{color:var(--primary);font-size:.88rem;font-weight:500}.contact-card a:hover{text-decoration:underline}.platform-links{flex-direction:column;gap:4px;display:flex}.platform-link{color:var(--primary);font-size:.85rem;font-weight:500}.availability-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #d1fae5;align-items:center;gap:14px;padding:16px 20px;display:flex}.avail-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.8s infinite pulse-dot}.availability-box strong{color:var(--text-dark);font-size:.88rem;display:block}.availability-box p{color:var(--text-light);margin:0;font-size:.78rem}.response-time{color:var(--text-muted);align-items:center;gap:8px;padding:8px 0;font-size:.85rem;display:flex}.contact-form{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:36px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{margin-bottom:18px}.form-group label{color:var(--text-dark);margin-bottom:7px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-dark);background:var(--bg);transition:var(--transition);resize:vertical;outline:none;padding:12px 16px;font-size:.92rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,88,233,.1)}.form-success{border-radius:var(--radius-md);background:#f0fdf4;border:1.5px solid #d1fae5;align-items:flex-start;gap:12px;margin-top:16px;padding:16px;font-size:1.3rem;display:flex}.form-success div strong{color:var(--success);font-size:.95rem;display:block}.form-success div p{color:var(--text-mid);margin:0;font-size:.85rem}.footer{color:rgba(255,255,255,.85);background:#0f172a;padding-top:60px}.footer-top{border-bottom:1px solid rgba(255,255,255,.08);grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer .nav-logo{color:#fff;margin-bottom:12px;margin-right:0;display:inline-flex}.footer-brand p{color:rgba(255,255,255,.55);margin-bottom:16px;font-size:.88rem;line-height:1.65}.footer-socials{flex-wrap:wrap;gap:10px;display:flex}.social-link{color:rgba(255,255,255,.8);border-radius:var(--radius-pill);transition:var(--transition);background:rgba(255,255,255,.08);padding:6px 14px;font-size:.78rem;font-weight:600}.social-link:hover{background:var(--primary);color:#fff}.footer-links-col h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.88rem;font-weight:700}.footer-links-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links-col a{color:rgba(255,255,255,.55);transition:var(--transition);font-size:.85rem}.footer-links-col a:hover{color:#fff;padding-left:4px}.footer-bottom{color:rgba(255,255,255,.35);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:20px 0;font-size:.82rem;display:flex}.scroll-top-btn{background:var(--primary);color:#fff;cursor:pointer;opacity:0;width:46px;height:46px;transition:var(--transition);box-shadow:var(--shadow-lg);z-index:999;border:none;border-radius:50%;font-size:1.2rem;position:fixed;bottom:28px;right:28px;transform:translateY(20px)}.scroll-top-btn.visible{opacity:1;transform:translateY(0)}.scroll-top-btn:hover{background:var(--primary-dark);transform:translateY(-3px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;filter:blur(3px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1)}.reveal.reveal-up{transform:translateY(36px)}.reveal.reveal-left{transform:translate(-50px)}.reveal.reveal-right{transform:translate(50px)}.reveal.reveal-scale{transform:scale(.94)}.reveal.visible{opacity:1;filter:blur();transform:translate(0)scale(1)}@media (max-width:1024px){.about-grid{gap:40px}.services-grid,.projects-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:768px){.section{padding:70px 0}.hero-container{text-align:center;grid-template-columns:1fr;gap:32px;padding:50px 16px}.hero-title{letter-spacing:-.5px!important;font-size:max(1.8rem,min(6.5vw,2.3rem))!important;line-height:1.22!important}.hero-subtitle{margin:0 auto 24px;font-size:.95rem}.hero-cta{justify-content:center;gap:12px;width:100%}.hero-cta .btn{width:100%;max-width:280px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:16px 24px;margin-bottom:28px}.stat-divider{display:none!important}.hero-platforms{flex-wrap:wrap;justify-content:center}.hero-visual{order:2;width:100%}.hero-card{width:100%;max-width:100%}.split-line{display:inline!important;overflow:visible!important}.split-word{transition:none!important;display:inline!important;transform:none!important}.badge-wrapper{display:none!important}.about-grid{grid-template-columns:1fr;gap:40px}.about-content{padding-right:0}.about-img{width:220px;height:220px}.skills-layout,.contact-grid,.services-grid,.projects-grid,.testimonials-grid,.form-row{grid-template-columns:1fr}.process-steps{flex-direction:column;align-items:center;gap:16px}.process-arrow{margin-top:0;transform:rotate(90deg)}.process-step{width:100%;max-width:300px}.nav-links{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);z-index:999;border-radius:var(--radius-lg);border:1px solid var(--navbar-border);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) both slideDownMenu;display:none;position:absolute;top:calc(100% + 10px);left:20px;right:20px}.nav-links.open{display:flex}.nav-links li{width:100%;list-style:none}.nav-link{border-radius:var(--radius-md);text-align:center;width:100%;padding:10px 16px;display:block}.nav-cta{display:none}.hamburger{display:flex}.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}.skills-tools{order:-1}}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.hero-title{font-size:1.7rem!important}.about-tech-stack{justify-content:flex-start}.tools-grid{grid-template-columns:repeat(2,1fr)}.contact-form{padding:24px}}@media (max-width:400px){.roi-sub-stats{text-align:center;grid-template-columns:1fr}}.glow-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);transition:border-color .4s,background-color .4s,box-shadow .4s,transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border:1px solid var(--border-light)!important}.glow-card:before{content:"";background:radial-gradient(320px circle at var(--mouse-x,0px) var(--mouse-y,0px), var(--card-glow), transparent 45%);z-index:1;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.glow-card:after{content:"";background:radial-gradient(320px circle at var(--mouse-x,0px) var(--mouse-y,0px), var(--card-glow-border), transparent 45%);z-index:0;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .5s;position:absolute;top:-1.5px;bottom:-1.5px;left:-1.5px;right:-1.5px}.glow-card:hover:before,.glow-card:hover:after{opacity:1}.glow-card>*{z-index:2;position:relative}.project-card.glow-card:after{top:-1.5px;bottom:-1.5px;left:-1.5px;right:-1.5px}.sandbox-section{background:var(--bg-soft)}.sandbox-tabs{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.sandbox-tab-btn{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-mid);font-family:var(--font-body);cursor:pointer;transition:var(--transition);padding:12px 24px;font-size:.92rem;font-weight:600}.sandbox-tab-btn:hover{border-color:var(--primary);color:var(--primary)}.sandbox-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px rgba(56,88,233,.25)}.sandbox-panes{position:relative}.sandbox-pane{animation:.5s both fadeIn;display:none}.sandbox-pane.active{display:block}.sandbox-grid{grid-template-columns:1fr 1.3fr;align-items:stretch;gap:28px;display:grid}.sandbox-card{border-radius:var(--radius-lg);flex-direction:column;padding:32px;display:flex}.sandbox-card h3{color:var(--text-dark);margin-bottom:12px;font-size:1.25rem}.sandbox-card p{color:var(--text-light);margin-bottom:24px;font-size:.9rem}.performance-card{text-align:center;justify-content:center;align-items:center}.gauge-wrapper{width:140px;height:140px;margin:24px 0;position:relative}.gauge-svg{width:100%;height:100%}.gauge-bg{fill:none;stroke:var(--border);stroke-width:8px}.gauge-fill{fill:none;stroke-width:8px;stroke-linecap:round;transform-origin:60px 60px;stroke-dasharray:314;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1),stroke 1.5s;transform:rotate(-90deg)}.gauge-text{font-family:var(--font-heading);color:var(--text-dark);justify-content:center;align-items:center;padding-bottom:4px;font-size:2.5rem;font-weight:800;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.metrics-grid{border-top:1px solid var(--border-light);grid-template-columns:repeat(3,1fr);gap:16px;width:100%;padding-top:20px;display:grid}.metric-item{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:500;line-height:1.3}.metric-val{font-family:var(--font-heading);font-size:1rem;font-weight:700}.metric-val.bad{color:#ef4444}.metric-val.ok{color:#f59e0b}.metric-val.good{color:var(--success)}.opt-toggles{text-align:left;flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.opt-toggle{cursor:pointer;background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);align-items:flex-start;gap:12px;padding:12px;display:flex}.opt-toggle input{display:none}.checkbox-custom{border:2px solid var(--border);width:18px;height:18px;transition:var(--transition);background:var(--bg-card);border-radius:4px;flex-shrink:0;margin-top:2px;position:relative}.opt-toggle input:checked+.checkbox-custom{background:var(--success);border-color:var(--success)}.opt-toggle input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:.72rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.opt-toggle div{flex-direction:column;line-height:1.3;display:flex}.opt-toggle strong{color:var(--text-dark);font-size:.85rem}.opt-toggle small{color:var(--text-light);margin-top:2px;font-size:.72rem}.terminal-wrapper{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#090d16;margin-top:28px;overflow:hidden}.terminal-header{background:#121824;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;gap:6px;padding:10px 16px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#f59e0b}.terminal-dot.green{background:#10b981}.terminal-title{color:#94a3b8;margin-left:10px;font-family:monospace;font-size:.72rem}.terminal-body{text-align:left;max-height:160px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:.78rem;line-height:1.6;overflow-y:auto}.console-line{color:#e2e8f0;margin-bottom:4px}.console-line.system{color:#3b82f6}.console-line.work{color:#f59e0b}.console-line.success{color:#10b981}.console-line.info{color:#a855f7}.slider-group{text-align:left;margin-bottom:24px}.slider-header{justify-content:space-between;margin-bottom:8px;display:flex}.slider-header span{color:var(--text-dark);font-size:.88rem;font-weight:500}.slider-header strong{color:var(--primary);font-size:.95rem;font-weight:700}.slider-group input[type=range]{background:var(--border);border-radius:var(--radius-pill);-webkit-appearance:none;outline:none;width:100%;height:6px}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 0 0 4px rgba(56,88,233,.15)}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.calculator-math-note{background:var(--primary-light);border-radius:var(--radius-md);text-align:left;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 16px;display:flex}.calculator-math-note span{color:var(--text-mid);font-size:.82rem;line-height:1.4}.calculator-math-note .info-icon{font-size:1rem;line-height:1.2}.roi-stats-display{background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--border-light);text-align:center;margin-bottom:24px;padding:24px}.roi-stat-main{margin-bottom:20px}.roi-stat-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.roi-stat-main h2{color:var(--success);font-size:2.2rem;font-weight:800;font-family:var(--font-heading);margin-top:6px}.roi-sub-stats{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;display:grid}.roi-sub-stats div{flex-direction:column;display:flex}.roi-sub-stats small{color:var(--text-light);margin-bottom:2px;font-size:.72rem}.roi-sub-stats span{font-family:var(--font-heading);color:var(--text-dark);font-weight:700}.proposal-container{text-align:left;flex-direction:column;display:flex}.proposal-container h4{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.88rem}.proposal-summary{border:1px solid var(--border);color:#38bdf8;border-radius:var(--radius-md);white-space:pre-line;background:#090d16;max-height:150px;margin-bottom:16px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:.82rem;line-height:1.5;overflow-y:auto}@media (max-width:900px){.sandbox-grid{grid-template-columns:1fr;gap:20px}}@media (min-width:769px){.projects-section .projects-grid{flex-direction:column;gap:60px;max-width:1000px;margin:0 auto;padding-bottom:60px;display:flex}.projects-section .project-card{border-radius:var(--radius-xl);transform-origin:top;height:380px;min-height:380px;box-shadow:0 -10px 30px rgba(0,0,0,.04), var(--shadow-lg);background:#fff;grid-template-columns:1.1fr 1fr;display:grid;position:sticky;top:110px;overflow:hidden}html[data-theme=dark] .projects-section .project-card{background:#111827}.projects-section .project-card:first-child{z-index:1}.projects-section .project-card:nth-child(2){z-index:2}.projects-section .project-card:nth-child(3){z-index:3}.projects-section .project-card:nth-child(4){z-index:4}.projects-section .project-card:nth-child(5){z-index:5}.projects-section .project-card:nth-child(6){z-index:6}.projects-section .project-card:nth-child(7){z-index:7}.projects-section .project-card:nth-child(8){z-index:8}.projects-section .project-card:nth-child(9){z-index:9}.projects-section .project-card:nth-child(10){z-index:10}.projects-section .project-card:nth-child(11){z-index:11}.projects-section .project-card:nth-child(12){z-index:12}.projects-section .project-img-wrap{width:100%;height:100%!important}.projects-section .project-img{object-fit:cover;width:100%;height:100%!important}.projects-section .project-info{flex-direction:column;justify-content:center;padding:32px;display:flex}.projects-section .project-title{margin-bottom:12px;font-size:1.3rem}.projects-section .project-desc{margin-bottom:20px;font-size:.9rem;line-height:1.6}.projects-section .project-tech{margin-bottom:20px}.projects-section .project-result{margin-top:auto}}.about-section:before{content:"";filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(139,92,246,.07) 0%,transparent 70%);width:450px;height:450px;animation:18s ease-in-out infinite alternate float-glow;position:absolute;top:10%;left:-10%}.services-section:before{content:"";filter:blur(110px);pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(56,88,233,.06) 0%,transparent 70%);width:500px;height:500px;animation:22s ease-in-out infinite alternate float-glow;position:absolute;bottom:-10%;right:-10%}.projects-section:before{content:"";filter:blur(100px);pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);width:450px;height:450px;animation:16s ease-in-out infinite alternate float-glow;position:absolute;top:-5%;right:10%}.sandbox-section:before{content:"";filter:blur(120px);pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(255,107,53,.05) 0%,transparent 70%);width:600px;height:600px;animation:20s ease-in-out infinite alternate float-glow;position:absolute;bottom:-15%;left:20%}.contact-section:before{content:"";filter:blur(110px);pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);width:500px;height:500px;animation:15s ease-in-out infinite alternate float-glow;position:absolute;bottom:-10%;left:-10%}@keyframes float-glow{0%{transform:translate(0)scale(1)}to{transform:translate(80px,-50px)scale(1.15)}}html.lenis,html.lenis body{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis-stopped{overflow:hidden}.lenis-scrolling iframe{pointer-events:none}.filter-btn{align-items:center;gap:8px;display:inline-flex;position:relative}.filter-count{background:var(--border);color:var(--text-light);border-radius:var(--radius-pill);transition:var(--transition);padding:2px 7px;font-size:.68rem;font-weight:700;line-height:1.4}.filter-btn.active .filter-count{color:var(--primary);background:rgba(56,88,233,.2)}.project-card--featured{grid-column:1/-1;grid-template-columns:1.3fr 1fr;min-height:360px;display:grid!important}.project-card--featured .project-img-wrap{border-radius:var(--radius-lg) 0 0 var(--radius-lg);height:100%;min-height:320px;overflow:hidden}.project-card--featured .project-img{object-fit:cover;height:100%}.project-card--featured .project-info{flex-direction:column;justify-content:center;padding:32px;display:flex}.project-card--featured .project-title{font-size:1.25rem}.project-ribbon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:0 var(--radius-pill) var(--radius-pill) 0;z-index:5;letter-spacing:.3px;padding:5px 16px 5px 14px;font-size:.72rem;font-weight:700;position:absolute;top:18px;left:-2px;box-shadow:0 4px 12px rgba(56,88,233,.35)}.project-badge-new{color:#fff;border-radius:var(--radius-pill);z-index:5;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b,#ef4444);padding:4px 12px;font-size:.68rem;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 3px 10px rgba(239,68,68,.35)}.project-meta-strip{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:0;margin-bottom:12px;padding:10px 14px;display:flex;overflow:hidden}.meta-item{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.meta-icon{font-size:.9rem}.meta-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.meta-val{color:var(--text-dark);font-size:.78rem;font-weight:700}.meta-divider{background:var(--border);flex-shrink:0;width:1px;height:24px;margin:0 4px}.projects-show-more{text-align:center;margin-top:48px}.show-more-btn{border-radius:var(--radius-pill);letter-spacing:.3px;padding:14px 40px;font-size:.95rem}.show-more-btn:hover{letter-spacing:.6px}.projects-stats-bar{background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-top:60px;padding:24px 40px;display:flex}.pstat{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:0 40px;display:flex}.pstat strong{font-family:var(--font-heading);color:var(--primary);font-size:1.8rem;font-weight:800;line-height:1}.pstat span{color:var(--text-light);font-size:.8rem;font-weight:500}.pstat-divider{background:var(--border);flex-shrink:0;width:1px;height:48px}html[data-theme=dark] .project-meta-strip,html[data-theme=dark] .projects-stats-bar{background:rgba(255,255,255,.03)}html[data-theme=dark] .project-result{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2)}@media (max-width:768px){.project-card--featured{flex-direction:column;grid-column:auto;display:flex!important}.project-card--featured .project-img-wrap{height:220px;min-height:unset;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.projects-stats-bar{gap:16px;padding:20px}.pstat{padding:0 16px}.pstat-divider{display:none}.pstat strong{font-size:1.4rem}}body.is-tv{zoom:.82;overflow-x:hidden}body.is-tv .hero{justify-content:center;min-height:100vh;padding-top:40px}body.is-tv .hero-container{gap:30px;padding:40px 24px}body.is-tv *,body.is-tv :before,body.is-tv :after{filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transition:none!important;animation:none!important}