.Footer_root__67FAy{padding:48px;display:flex;flex-direction:column;align-items:center;gap:24px;border-top:1px solid var(--border);background:var(--bg)}.Footer_logo__fUEOF{font-family:Syne,sans-serif;font-weight:800;font-size:20px;color:var(--accent);letter-spacing:-.5px}.Footer_nav__0MyM1{display:flex;gap:28px;list-style:none;padding:0;margin:0}.Footer_navLink__q3xqi{font-size:13px;color:var(--muted);text-decoration:none;font-family:DM Mono,monospace;transition:color .2s}.Footer_navLink__q3xqi:hover{color:var(--text)}.Footer_socials__Arjjf{display:flex;gap:12px}.Footer_socialBtn__7VNy_{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,color .2s;text-decoration:none}.Footer_socialBtn__7VNy_:hover{border-color:rgba(212,255,0,.3);color:var(--accent)}body:not(.dark) .Footer_socialBtn__7VNy_:hover{border-color:rgba(140,179,0,.4)}.Footer_copy__KUC9W{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.3px}.Footer_copyAccent__e1G5L{color:var(--accent)}@media (max-width:600px){.Footer_nav__0MyM1{flex-direction:column;align-items:center;gap:1px}}.Header_nav__tNWGY{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:rgba(10,10,15,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);font-family:DM Sans,sans-serif;transition:background .3s}.Header_navSticky__zALio{transition:inherit}body:not(.dark) .Header_nav__tNWGY{background:hsla(60,20%,95%,.92)}.Header_navLogo__a_hFV{font-family:Syne,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.5px;display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-width:0}.Header_navLogoText__DyOg_{display:flex;align-items:baseline;gap:1px;line-height:1;min-width:0}.Header_navLogoAt__9U6Wr{font-weight:800;color:var(--muted);font-size:.88em}.Header_navLogoName__e4rZ1{font-weight:800;letter-spacing:-.5px}.Header_logoIcon__p3gSG{width:32px;height:32px;background:var(--accent-bright,#d4ff00);border-radius:8px;display:grid;place-items:center;flex-shrink:0}.Header_logoIcon__p3gSG svg{width:18px;height:18px}.Header_navLinks__PIPAd{display:flex;gap:28px;list-style:none;margin:0;padding:0}.Header_navLinks__PIPAd a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:.2px;transition:color .2s;white-space:nowrap}.Header_navLinks__PIPAd a:hover{color:var(--text)}.Header_navLinks__PIPAd a.Header_active__c7HdO{color:var(--accent);font-weight:500;position:relative}body:not(.dark) .Header_navLinks__PIPAd a.Header_active__c7HdO{color:#4d6600}.Header_navLinks__PIPAd a.Header_active__c7HdO:after{content:"";position:absolute;bottom:-22px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.Header_navCta__kwh3v{display:flex;align-items:center;gap:12px}.Header_btnHire___lzQV{background:var(--accent-bright,#d4ff00);color:#000;border:none;padding:8px 20px;border-radius:6px;font-family:Syne,sans-serif;font-weight:700;font-size:13px;cursor:pointer;letter-spacing:.3px;transition:opacity .2s,transform .2s;text-decoration:none;height:36px;display:inline-flex;align-items:center}.Header_btnHire___lzQV:hover{opacity:.88;transform:translateY(-1px)}.Header_themeBtn__IW9z8{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,color .2s}.Header_themeBtn__IW9z8:hover{border-color:rgba(212,255,0,.3);color:var(--accent)}body:not(.dark) .Header_themeBtn__IW9z8:hover{border-color:rgba(140,179,0,.4)}.Header_mobileToggle__rvWrT{display:none;font-size:24px;cursor:pointer;color:var(--text);background:none;border:none;padding:0;line-height:1}.Header_mobileToggle__rvWrT svg{font-size:35px;cursor:pointer}@media (max-width:1024px){.Header_nav__tNWGY{padding:0 24px}.Header_navLinks__PIPAd{display:none}.Header_mobileToggle__rvWrT{display:block}}@media (max-width:520px){.Header_nav__tNWGY{padding:0 12px 0 14px;height:auto;min-height:56px;gap:8px}.Header_navLogoBar__RF56g .Header_navLogoAt__9U6Wr,.Header_navLogoBar__RF56g .Header_navLogoName__e4rZ1,.Header_navLogoBar__RF56g .Header_navLogoText__DyOg_{display:none!important}.Header_navLogoBar__RF56g{flex-shrink:1;align-items:center;gap:8px}.Header_navLogoBar__RF56g .Header_logoIcon__p3gSG{width:30px;height:30px;border-radius:7px}.Header_navLogoBar__RF56g .Header_logoIcon__p3gSG svg{width:16px;height:16px}.Header_navCta__kwh3v{gap:6px;flex-shrink:0}.Header_themeBtn__IW9z8{width:34px;height:34px}.Header_btnHire___lzQV{padding:7px 11px;font-size:11px;height:auto;min-height:32px;white-space:nowrap}}.Header_mobileNavList__0mkiz{--drawer-w:min(320px,calc(100vw - 32px));position:fixed;width:var(--drawer-w);max-width:100%;height:100vh;height:100dvh;top:0;left:calc(0px - var(--drawer-w));background-color:var(--surface);padding:1.5rem 1.25rem 4rem;z-index:1e+23;border-right:1px solid var(--border);box-shadow:8px 0 48px rgba(0,0,0,.12);transition:left .32s cubic-bezier(.4,0,.2,1);overflow-y:auto}.dark .Header_mobileNavList__0mkiz,body.dark .Header_mobileNavList__0mkiz{background-color:var(--surface);box-shadow:8px 0 48px rgba(0,0,0,.45)}.Header_mobileNavListActive__6dnDh{left:0}.Header_mobileLogo__zybmo{position:relative;z-index:1;border-bottom:1px solid var(--border);padding-bottom:1.25rem;margin-bottom:.5rem}.Header_navLogoDrawer__sIYiL{font-family:Syne,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.5px;display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;min-width:0}.Header_mobileNavBrandText__hHFXC{display:flex;align-items:flex-start;gap:2px;line-height:1;min-width:0}.Header_mobileNavBrandAt__AqU_A{font-size:1.25rem;font-family:DM Mono,monospace;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1}.Header_mobileNavBrandName___YLsM{font-size:1.25rem;font-weight:800;letter-spacing:-.45px;line-height:1;color:var(--text)}.Header_navLogoDrawer__sIYiL .Header_logoIcon__p3gSG{width:40px;height:40px;background:var(--accent-bright,#d4ff00);border-radius:10px;display:grid;place-items:center;flex-shrink:0}.Header_navLogoDrawer__sIYiL .Header_logoIcon__p3gSG svg{width:20px;height:20px}.Header_mobileNavMenu__xgDBv{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-top:.75rem;padding:0}.Header_mobileNavMenu__xgDBv li{width:100%;border-radius:var(--radius,12px);margin-bottom:4px}.Header_mobileNavMenu__xgDBv li:hover{background-color:rgba(212,255,0,.07)}body:not(.dark) .Header_mobileNavMenu__xgDBv li:hover{background-color:rgba(140,179,0,.09)}.Header_mobileNavMenu__xgDBv li a{display:block;width:100%;transition:color .2s,background .2s,padding .2s,box-shadow .2s;padding:.9rem 1rem;font-family:Syne,sans-serif;font-size:15px;font-weight:500;color:var(--muted);text-decoration:none;border-radius:var(--radius,12px);border:1px solid transparent}.Header_mobileNavMenu__xgDBv li a:hover{color:var(--text);padding-left:1.1rem}.Header_mobileNavMenu__xgDBv li a.Header_active__c7HdO{color:var(--text);font-weight:700;background:rgba(212,255,0,.12);border-color:rgba(212,255,0,.35);box-shadow:inset 3px 0 0 0 var(--main-site-color);padding-left:1rem}body:not(.dark) .Header_mobileNavMenu__xgDBv li a.Header_active__c7HdO{background:rgba(140,179,0,.12);border-color:rgba(110,150,0,.28);box-shadow:inset 3px 0 0 0 var(--main-site-color);color:var(--text)}.Header_mobileCopyright__qNsXo{position:absolute;z-index:1;bottom:1.25rem;left:1.25rem;right:1.25rem;font-family:DM Mono,monospace;font-size:11px;color:var(--muted);text-align:center;margin:0}.Header_mobileNavBackdrop__bgO7d{position:fixed;width:100vw;height:100vh;height:100dvh;inset:0;background-color:rgba(0,0,0,.35);z-index:-1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}body:not(.dark) .Header_mobileNavBackdrop__bgO7d{background-color:hsla(0,0%,75%,.35)}.Header_mobileNavBackdropActive__yLWEl{opacity:1;pointer-events:auto}@media screen and (max-width:380px){.Header_mobileNavMenu__xgDBv li a{padding:.75rem .85rem;font-size:14px}.Header_navLogoDrawer__sIYiL .Header_logoIcon__p3gSG{width:36px;height:36px}.Header_navLogoDrawer__sIYiL .Header_logoIcon__p3gSG svg{width:18px;height:18px}.Header_mobileNavBrandName___YLsM{font-size:1.1rem}}.Preloader_root__PkdaX{position:fixed;z-index:99999999999999;height:100vh;width:100%;left:0;top:0;display:flex;overflow:hidden;align-items:center;justify-content:center;background:transparent}.Preloader_root__PkdaX svg{position:absolute;top:0;width:100vw;height:110vh;fill:var(--bg)}.Preloader_heading__Fr4Pg{position:relative;display:flex;align-items:center;justify-content:center}.Preloader_heading__Fr4Pg:before{content:"";position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:322px;height:150px;border-radius:50%;background:linear-gradient(260deg,var(--main-site-color) 0,rgba(115,67,210,0) 100%);filter:blur(150px)}.Preloader_loadText__e8Xjl{font-size:40px;font-weight:200;letter-spacing:15px;text-transform:uppercase;z-index:20}.Preloader_loadText__e8Xjl span{animation:Preloader_loading__pLy0_ 1s infinite alternate}.Preloader_loadText__e8Xjl span:first-child{animation-delay:0s}.Preloader_loadText__e8Xjl span:nth-child(2){animation-delay:.1s}.Preloader_loadText__e8Xjl span:nth-child(3){animation-delay:.2s}.Preloader_loadText__e8Xjl span:nth-child(4){animation-delay:.3s}.Preloader_loadText__e8Xjl span:nth-child(5){animation-delay:.4s}.Preloader_loadText__e8Xjl span:nth-child(6){animation-delay:.5s}.Preloader_loadText__e8Xjl span:nth-child(7){animation-delay:.6s}.Preloader_loadText__e8Xjl span:nth-child(8){animation-delay:.7s}@keyframes Preloader_loading__pLy0_{0%{opacity:1}to{opacity:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f5f5f0;--surface:#fff;--surface2:#ebebeb;--border:rgba(0,0,0,.07);--border-h:rgba(140,179,0,.35);--text:#0f0f14;--muted:#8f8f9f;--accent:#8cb300;--accent-bright:#d4ff00;--accent2:#7c3aed;--accent3:#ff6b35;--tag-bg:rgba(140,179,0,.08);--tag-border:rgba(140,179,0,.2);--border-accent:rgba(77,102,0,.22);--image-url:url(https://res.cloudinary.com/dp2lig5va/image/upload/v1734314625/me_yvtrj4.jpg);--noise-img:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--noise-opacity:0.3}body.dark{--bg:#0a0a0f;--surface:#111118;--surface2:#18181f;--border:hsla(0,0%,100%,.07);--border-h:rgba(212,255,0,.3);--text:#f0f0f5;--muted:#6b6b80;--accent:#d4ff00;--accent-bright:#d4ff00;--accent2:#7c3aed;--accent3:#ff6b35;--warn:#ffb86c;--tag-bg:rgba(212,255,0,.08);--tag-border:rgba(212,255,0,.2);--border-accent:rgba(212,255,0,.28);--noise-img:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--noise-opacity:0.4}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:var(--bg);font-family:DM Sans,sans-serif;font-size:20px;line-height:1.7;position:relative}body,h1,h2,h3,h4,h5,h6{color:var(--text)}p,span.secondary-text{color:var(--muted)}body:before{content:"";position:fixed;inset:0;background-image:var(--noise-img);pointer-events:none;z-index:1000;opacity:var(--noise-opacity)}:root{--main-site-color:var(--accent);--dark-black:var(--bg);--pure-white:var(--text);--week-white:var(--surface);--dark-site-secondary:var(--bg);--main-hover-color:var(--accent)}.download-cv,.hero-social a:hover,.project-buttons button.active,.services-item.service-active .left-service-box span{color:var(--bg)!important}.dark{--image-url:url(https://res.cloudinary.com/dp2lig5va/image/upload/v1734314625/coder-white_m1cpde.webp)}.hero_img_box img{content:var(--image-url)}body .dark{background-color:var(--text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background-color:var(--bg)}img{-webkit-user-drag:none}.flex{display:flex;align-items:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-left{align-items:flex-start;justify-content:flex-start}.flex-right{align-items:flex-end;justify-content:flex-end}.flex-sb{justify-content:space-between}.flex-ev{justify-content:space-evenly}.flex-ar{justify-content:space-around}.gap-05{gap:.5rem}.gap-1{gap:1rem}.gap-15{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.m-auto{margin:0 auto}.m-0{margin:0!important}.p-0{padding:0!important}.mtb-1{margin-bottom:1rem}.mt-1,.mtb-1{margin-top:1rem}.mt-15{margin-top:1.5rem}.mt-2{margin-top:2rem}.mt-25{margin-top:2.5rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-15{margin-bottom:1.5rem}.mb-2{margin-bottom:2rem}.mb-25{margin-bottom:2.5rem}.mb-3{margin-bottom:3rem}.ml-1{margin-left:1rem}.ml-15{margin-left:1.5rem}.ml-2{margin-left:2rem}.ml-25{margin-left:2.5rem}.ml-3{margin-left:3rem}.mr-05{margin-right:.5rem}.mr-1{margin-right:1rem}.mr-15{margin-right:1.5rem}.mr-2{margin-right:2rem}.mr-25{margin-right:2.5rem}.mr-3{margin-right:3rem}.container{max-width:1400px;margin:auto}.full-h{height:100vh!important}.full-w{width:100vw!important}.w-33{width:33.333333%}.w-50{width:50%}.w-66{width:66.66666%}.w-100,.wh-100{width:100%}.wh-100{height:100%}.whv-100{width:100vw;height:100vh}.whv-50{width:100vw;height:50vh}a{text-decoration:none;color:inherit}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}button{cursor:pointer}li{list-style:none}header{position:absolute;left:0;top:0;width:100%;height:80px;color:var(--pure-white);padding:3rem 1rem;z-index:99;transition:.3s ease-in-out}header.sticky{position:fixed;height:auto;z-index:999999999;background-color:var(--dark-black);padding:1.2rem 1rem;box-shadow:0 0 15px var(--bg)}.dark header{color:var(--dark-black)}.dark header.sticky{background-color:var(--pure-white)}.logo img{width:65px;border:2px solid var(--bg);border-radius:15px}.logo h2{font-size:18px;font-weight:500}.nav-list li a{position:relative;font-size:18px;padding-bottom:3px;overflow:hidden}.nav-list li a.active:before{overflow:hidden}.nav-list li a.active:before,.nav-list li a:hover:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(260deg,var(--bg) 0,var(--bg) 100%)}.nav-list li a:hover:before{animation:nav-list-li .3s ease-in-out}@keyframes nav-list-li{0%{width:0}to{width:100%;right:0}}.dark-mode-toggle{width:45px;height:45px;border:3px solid #503b1e;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;background-color:#503b1e;transition:.3s}.dark-mode-toggle svg{color:#ffc003;font-size:30px}.dark-mode-toggle svg:hover{animation:svg-rotate .5s ease-in-out forwards}@keyframes svg-rotate{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}.dark-mode-toggle:hover{border-color:var(--main-site-color);background-color:var(--main-site-color);box-shadow:0 0 20px #fff}.nav-list button{text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:18px;line-height:1;font-weight:700;color:var(--text);text-transform:capitalize;background-size:200%;background-image:linear-gradient(to right,var(--main-site-color) 0,var(--bg) 51%,var(--main-site-color) 100%);border:none;border-radius:50px;padding:17px 35px;transition:.4s}.nav-list button:hover{background-position:-100%}.hero{padding:250px 0 50px;background:var(--bg);z-index:1}.dark .hero{background:var(--pure-white)}.hero-info-left{width:50%}.hero-sb-title{font-size:36px;font-weight:700;display:block;margin-bottom:10px}.dark .hero-sb-title{color:var(--dark-site-secondary)}.hero-title{font-size:72px;background:linear-gradient(to right,var(--main-site-color) 0,#fff 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;line-height:1.2}.dark .hero-title,.hero-title{-webkit-text-fill-color:transparent}.dark .hero-title{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text}.lead{font-size:22px;max-width:550px;font-weight:300;width:100%;margin-bottom:0;line-height:1.5}.dark .lead{color:var(--dark-black)}.hero-btn-box{margin-top:50px;gap:25px}.download-cv,.hero-btn-box{display:flex;align-items:center}.download-cv{text-decoration:none;font-size:18px;line-height:1;font-weight:500;color:var(--main-site-color);border-radius:50px;padding:22px 42px;border:1px solid var(--main-site-color);transition:.3s;letter-spacing:1px;gap:6px}.download-cv svg{font-size:25px}.download-cv:hover{background-color:var(--main-site-color);color:var(--text)}.hero-social{gap:1.2rem}.hero-social,.hero-social li a{display:flex;align-items:center}.hero-social li a{position:relative;border:1px solid var(--main-site-color);width:40px;height:40px;border-radius:50%;justify-content:center;z-index:112}.hero-social li a svg{font-size:20px;color:var(--main-site-color);z-index:2}.hero-social li a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--main-site-color);transform:scale(0);transition:.3s;border-radius:50%;z-index:-1}.hero-social li a:hover:before{transform:scale(1)}.hero-social li a:hover svg{color:var(--text)}.hero-image-right{position:relative;width:50%;text-align:center}.hero_img_box{position:relative}.hero-img-box{display:none}.hero_img_box:before{content:"";position:absolute;bottom:0;left:0;width:220px;height:220px;border-radius:50%;background:linear-gradient(260deg,var(--main-site-color) 0,rgba(115,67,210,0) 100%);filter:blur(100px);margin-left:-5%;margin-bottom:-5%}.hero_img_box img{border-radius:38px;transform:rotate(4.29deg);position:relative;border:2px solid var(--dark-site-secondary);transition:.3s}.hero_img_box img:hover{border:2px solid var(--main-site-color);transform:rotate(0)}.hero .intro-text svg{font-family:Russo One,sans-serif;position:absolute;width:100%;height:100%;left:46%;top:57%;transform:translate(-50%,-50%) scale(1);display:flex;align-items:center;justify-content:center;vertical-align:middle;z-index:-1;animation:pulsate 3s ease-in-out infinite alternate}@keyframes pulsate{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.hero .intro-text svg text{text-transform:uppercase;stroke-width:1.2;stroke:var(--bg);font-size:240px;fill:transparent;display:inline-block}.hero .intro-text svg text.animate-stroke{animation:stroke 4s;opacity:.7}.dark .hero .intro-text svg text.animate-stroke{animation:stroke 4s;opacity:.3}.dark .hero .intro-text svg text{stroke:var(--main-site-color);stroke-width:.8}@keyframes stroke{0%{stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:1}to{stroke-dashoffset:100%;stroke-dasharray:100% 0;stroke-width:1}}.funfect-area{position:relative;margin-top:120px}.funfect-item{display:flex;align-items:center;gap:1rem;width:25%}.funfect-item h3{font-size:64px}.dark .funfect-item h3{color:var(--main-site-color)}.funfect-item h4{font-size:18px;font-weight:500;line-height:1.6}.dark .funfect-item h4{color:var(--main-site-color)}.services{position:relative;padding-top:120px;padding-bottom:120px;background-color:var(--bg)}.dark .services{background-color:var(--week-white)}.services-titles{position:relative;text-align:center;margin-bottom:50px;max-width:700px;width:100%;margin-left:auto;margin-right:auto}.services-titles h2{font-size:45px;background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;gap:15px;margin-bottom:0}.dark .services-titles h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.services-titles p{margin-top:15px;font-size:18px;text-align:center;color:#c4c4c4}.dark .services-titles p{color:#000}.services-item,.services-menu{position:relative}.services-item{border-bottom:1px solid var(--bg);padding:0 30px;display:flex;align-items:center;z-index:2;gap:20px;cursor:pointer;transition:all .5s ease-in-out}.dark .services-item{border-bottom:1px solid #999}.dark .services-item p{color:#000}.left-service-box{width:calc(40% - 10px);padding:30px 0;gap:20px;display:flex;align-items:center}.left-service-box span{color:var(--bg);font-size:20px;font-weight:700;transition:all .5s ease}.left-service-box h3{font-size:30px;margin-bottom:0;text-transform:capitalize}.dark .left-service-box h3{color:var(--main-site-color)}.right-service-box{width:calc(60% - 10px);padding:30px 15% 30px 0}.services-item svg{font-size:35px;line-height:1;position:absolute;top:50%;right:55px;transition:all .5s ease;transform:translateY(-50%) rotate(90deg);color:var(--main-site-color)}.service-active{background:linear-gradient(260deg,var(--dark-site-secondary) 0,var(--main-site-color) 100%);transition:.3s ease}.services-item.service-active h3,.services-item.service-active p{color:var(--pure-white)}.services-item.service-active svg{transform:translateY(-50%) rotate(0deg);color:var(--pure-white)}.services-item.service-active .left-service-box span{color:var(--pure-white)}.projects{position:relative;padding:10rem 1rem 8rem;background-color:var(--bg)}.dark .projects{background-color:var(--pure-white)}.projects-titles{position:relative;text-align:center;max-width:700px;width:100%;margin:5rem auto 50px}.projects-titles h2{font-size:45px;background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;gap:15px;margin-bottom:0}.dark .projects-titles h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.projects-titles p{margin-top:15px;font-size:18px;text-align:center;color:#999}.dark .projects-titles p{color:var(--dark-black)}.project-buttons,.projects-cards{justify-content:center}.project-buttons{display:flex;align-items:center;gap:1rem}.dark .project-buttons button.active,.project-buttons button.active{background:linear-gradient(to right,var(--main-site-color) 0,var(--bg) 100%)}.dark .project-buttons button.active{color:var(--pure-white)}.project-buttons button{background:var(--bg);color:var(--text);font-size:23px;padding:1rem 2rem;border:none;border-radius:30px}.dark .project-buttons button{background:var(--week-white);color:var(--main-site-color)}.project-buttons button:hover{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);color:var(--pure-white)}.projects-cards{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.projects-cards:before{content:"";position:absolute;top:50%;left:50%;width:35%;height:35%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(260deg,var(--main-site-color) 0,rgba(115,67,210,0) 100%);filter:blur(150px)}.project-card{position:relative;width:48%;height:450px;padding:3rem 3rem 0;background-color:var(--bg);margin-top:3rem;border-radius:12px;overflow:hidden}.project-img-box{width:100%;height:100%;overflow:hidden;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.project-img-box img{width:100%;height:100%;object-fit:cover}.project-img-box div{position:absolute;left:50px;top:15px}.project-img-box span{text-transform:uppercase;font-size:15px;line-height:1;padding:7px 10px;margin-right:10px;border-radius:50px;background-image:linear-gradient(90deg,var(--main-site-color) 0,var(--dark-site-secondary) 110.61%)}.project-content-box{position:absolute;width:90%;left:50%;bottom:2%;transform:translateX(-50%);background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);padding:1.2rem;border-radius:20px;transition:.3s ease-in-out;opacity:0}.project-content-box h2{font-size:25px;margin-bottom:0;text-transform:capitalize}.project-content-box p{font-size:18px}.project-content-box svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:35px}.project-card:hover .project-content-box{opacity:1;transition:opacity .3s ease-in-out;bottom:5%}.project-card:hover svg{animation:rotate .3s linear forwards}@keyframes rotate{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.experience-study{position:relative;padding:120px 1rem;background-color:var(--bg)}.dark .experience-study{background-color:var(--week-white)}.experience-study:before{content:"";position:absolute;right:0;bottom:0;width:15%;height:25%;border-radius:50%;background:linear-gradient(260deg,var(--main-site-color) 0,rgba(115,67,210,0) 100%);filter:blur(150px)}.experience{position:relative;width:48%}.experience-title{position:relative;margin-bottom:4rem}.experience-title svg{font-size:45px;color:var(--bg)}.experience-title h2{font-size:45px;background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .experience-title h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.experience-card,.experience-cards{position:relative;width:100%}.experience-card{background:var(--bg);margin-top:2rem;padding:1rem 1.5rem;border-radius:20px;overflow:hidden;z-index:1}.dark .experience-card{background-color:var(--text)}.experience-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right,var(--main-site-color) 0,var(--bg) 100%);z-index:-1;opacity:0;transition:.3s ease-in-out}.experience-card span{font-size:23px;color:var(--main-site-color);font-weight:600}.experience-card h3{font-size:26px;margin-top:10px;margin-bottom:10px}.dark .experience-card h3{color:var(--bg)}.dark .experience-card:hover h3{color:var(--text)}.experience-card p{font-size:17px;color:#bab8b8}.dark .experience-card p{font-size:17px;color:#555}.experience-card:hover:before{opacity:1}.experience-card:hover p,.experience-card:hover span{color:var(--pure-white)}.education{position:relative;width:48%}.my-skills{position:relative;padding:120px 1rem;background:var(--bg)}.dark .my-skills{background:var(--pure-white)}.card-title{position:relative;text-align:center;margin-bottom:20px;max-width:700px;width:100%;margin-left:auto;margin-right:auto}.card-title h2{background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text}.card-title h2,.dark .card-title h2{font-size:45px;-webkit-text-fill-color:transparent}.dark .card-title h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text}.card-title p{margin-top:15px;font-size:18px;text-align:center;color:#999}.dark .card-title p{color:var(--dark-black)}.my-skills-cards{flex-wrap:wrap;width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem}.my-skills-card{max-width:180px;text-align:center}.my-skills-inner{position:relative;border-radius:25px;padding:2rem 3.5rem;background:var(--bg);border:1px solid transparent;margin-bottom:15px;transition:.6s;overflow:hidden;z-index:1;transition:.3s ease-in-out}.dark .my-skills-inner{background:var(--week-white)}.my-skills-inner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--dark-site-secondary);z-index:-1;opacity:0;transition:.3s ease-in-out}.my-skills-card img{max-width:70px;margin:0 auto;transition:.3s}.dark .my-skills-inner h3{color:var(--dark-site-secondary)}.dark .my-skills-inner:hover h3{color:var(--main-hover-color)}.my-skills-card:hover .my-skills-inner:before{opacity:1}.my-skills-card:hover .my-skills-inner{border:1px solid var(--main-hover-color)}.my-skills-card:hover .my-skills-inner img{transform:scale(1.1)}.my-skills-card p{color:var(--main-site-color);font-size:18px}.recent-blogs{position:relative;padding:120px 1rem;background:var(--bg)}.dark .recent-blogs{background:var(--week-white)}.lasted-blogs{position:relative;display:flex;align-items:center;justify-content:space-between}.recent-blog{position:relative;max-width:400px;height:400px;border-radius:20px;overflow:hidden;cursor:pointer}.recent-blog-img{width:100%;height:100%;overflow:hidden}.recent-blog-img img{width:100%;height:100%;object-fit:cover}.recent-blog-img span{position:absolute;left:15px;top:15px;text-transform:uppercase;font-size:15px;line-height:1;padding:7px 10px;border-radius:50px;background-image:linear-gradient(90deg,var(--main-site-color) 0,var(--dark-site-secondary) 110.61%)}.recent-blog-info{position:absolute;bottom:15px;left:0;width:calc(100% - 40px);border-radius:15px;background:var(--dark-site-secondary);padding:15px 15px 20px;right:0;margin:0 auto;z-index:1;overflow:hidden}.recent-blog-info h2{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.recent-top-date{color:var(--accent);font-weight:600}.footer{padding:2rem 1rem}.dark .footer,.footer{background:var(--bg)}.footer li a{font-weight:600;transition:.3s}.footer li a:hover{color:var(--accent)}.footer-icons .f-icon{width:30px;height:30px;background-color:#7b2cf962;color:var(--text);display:flex;align-items:center;justify-content:center}.copyrights{color:var(--main-site-color)}.copyrights span{color:var(--accent);font-weight:700}.blog-page{background-color:var(--bg)}.dark .blog-page{background-color:var(--week-white)}.top-hero{background-color:var(--bg);width:100%;height:auto;position:relative;margin-bottom:17rem}.dark .top-hero{background-color:var(--pure-white)}.top-title{width:100%;height:100%}.top-title .top-title-content{flex-direction:column;align-items:flex-start;padding-top:15rem;padding-bottom:8rem;color:var(--text)}.dark .top-title .top-title-content{color:var(--dark-black)}.top-title h1{font-size:3.75rem;line-height:1;margin-bottom:2rem}.top-title h1 span{background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .top-title h1 span{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.top-title p{font-size:20px;font-weight:500;max-width:800px;color:#999;line-height:1.6}.section-search{margin-top:2.25rem;width:28rem}.section-search form{position:relative;width:100%;background-color:hsla(0,0%,100%,.08);border-radius:30px}.dark .section-search form{background-color:rgba(18,47,211,.08)}.section-search form input{width:100%;font-size:18px;padding:17px .5rem 17px 1.75rem;border:none;outline:none;background-color:transparent;color:var(--text)}.dark .section-search form input{color:var(--dark-black)}.dark .section-search form input::-webkit-input-placeholder{color:var(--dark-site-secondary)}.section-search form button{display:inline-block;position:absolute;top:50%;right:7px;transform:translateY(-50%);padding:10px 22px;font-size:100%;font-family:inherit;line-height:inherit;cursor:pointer;color:var(--text);background-image:linear-gradient(90deg,var(--main-site-color) 0,var(--dark-site-secondary) 110.61%);border:none;outline:none;border-radius:9999px}.section-search form input::-webkit-input-placeholder{color:var(--text)}.featured{position:relative;height:100%}.border{background-color:#2a1f81;width:100%;height:1px}.featured-posts{position:relative;padding-top:1rem;padding-bottom:14rem;color:var(--text)}.dark .featured-title h3{color:var(--dark-black)}.featured-title{justify-content:space-between}.featured-title h3{font-size:1.5rem;line-height:3.7rem;font-weight:500}.left-btn button{background-color:transparent;border:none;outline:none;cursor:pointer}.left-btn button:first-child{margin-right:16px}.left-btn button{font-size:20px}.opacity-btn{opacity:.4}.feature-posts{padding-top:1rem;gap:30px;scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-x:scroll;transition:.5s ease;z-index:9999}.feature-posts .swiper-slide{width:auto}.feature-posts::-webkit-scrollbar{display:none}.featured-post{position:relative;min-width:427px;max-width:427px;height:480px;overflow:hidden;border-radius:6px;margin-right:2rem;z-index:199;cursor:pointer}.featured-post a img{width:100%;height:100%;object-fit:cover}.featured-post-info{position:absolute;bottom:0;left:0;padding:30px;width:100%;background:#0000002b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tags{display:flex;gap:12px;margin-bottom:.75rem}.tags,.tags a,.tags div{text-transform:capitalize}.tags a,.tags div{background-color:var(--text);color:#000;padding:5px 10px;border-radius:15px;font-size:14px;font-weight:700;transition:.2s ease}.dark .tags a,.dark .tags div{background-color:var(--dark-black);color:var(--pure-white)}.html span{background:#e34c26;display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.css span{background:#1e90ff}.css span,.javascript span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.javascript span{background:#f7df1e}.react span{background:#61dafb}.nextjs span,.react span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.nextjs span{background:#000}.nodejs span{background:#26ac36}.expressjs span,.nodejs span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.expressjs span{background:#757575}.ia span{background:#ff4500}.database span,.ia span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.database span{background:purple}.deployment span{background:orange}.deployment span,.sql span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.sql span{background:tomato}.nosql span{background:#9932cc}.mongodb span,.nosql span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.mongodb span{background:#4db33d}.vscode span{background:#007acc}.mysql span,.vscode span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.mysql span{background:#00758f}.postgresql span{background:#336791}.git span,.postgresql span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.git span{background:#f1502f}.github span{background:#24292e}.ci-cd span,.github span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.ci-cd span{background:#ff69b4}.aws span{background:#f90}.aws span,.docker span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.docker span{background:#2496ed}.tags a:hover{background-color:var(--bg)}.featured-post-info h2{line-height:2.3;font-size:1.25rem;margin-bottom:.85rem;text-transform:capitalize;font-weight:600}.featured-post-info h2 a{padding:.5rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#151a25;border-radius:6px}.featured-post-by{gap:10px}.featured-post-by img{width:32px;border-radius:50%}.featured-post-by p{font-size:16px;font-weight:600}.latest-posts-section{width:100%;margin-top:5rem;padding:20px 20px 5rem}.latest-posts-section .border,.popular-tags-section .border{background-color:#34269c}.latest-posts-data,.popular-tags-data{width:100%;margin-top:1rem}.latest-posts-data .featured-title h3,.popular-tags-data .featured-title h3{font-size:1.5rem;line-height:1.85rem;font-weight:600}.latest-posts{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}.latest-post{min-width:30%;max-width:30%;height:auto;margin-top:1.3rem}.latest-post,.latest-post-img{position:relative;overflow:hidden}.latest-post-img{width:100%;height:240px;border-radius:10px;margin-bottom:1rem}.latest-post-img img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:.2s ease-in-out}.latest-post:hover .latest-post-img img{transform:scale(1.02)}.latest-post-img .tags{position:absolute;bottom:.5rem;left:1rem}.latest-post-info h3{font-size:1.25rem;line-height:1.75rem;margin-bottom:.75rem;font-weight:600}.dark .latest-post-info h3{color:var(--dark-black)}.latest-post-info p{color:#777;line-height:1.625;font-size:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;overflow:hidden;margin-bottom:.75rem}.latest-post-info h4{gap:10px;font-size:15px;font-weight:500}.latest-post-info h4 img{width:28px;border-radius:50%}.dark .latest-post-info span{color:#333}.latest-post:hover .latest-post-info h3{-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:3px}.blogs-pagination-btn{gap:1rem}.blogs-pagination-btn button{padding:1rem 1.5rem;font-size:1.25rem;line-height:1.75rem;margin-top:3rem;background-color:var(--bg);color:var(--text);border-radius:10px;border:none;outline:none;cursor:pointer;transition:.2s ease-in-out}.blogs-pagination-btn button.active{background-color:#4f3ed0;border:1px solid #7a6fd0}.blogs-pagination-btn button:hover{background-color:#6b5be1;border:1px solid #7a6fd0}.blogs-pagination-btn button:disabled{opacity:.5;cursor:not-allowed}.popular-tags-section{margin-top:5rem}.popular-tags{margin-top:1rem;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}.popular-tag{position:relative;display:block;width:190px;height:150px;border-radius:8px;overflow:hidden}.popular-tag img{width:100%;height:100%;object-fit:contain;scale:.9;transition:.3s ease-in-out}.popular-tag .tags{position:absolute;left:1rem;bottom:.2rem}.popular-tag:hover img{transform:scale(1.1)}.gallery-page{position:relative;padding-top:10rem}.dark .gallery-page{background:var(--pure-white)}.gallery-navbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem 5rem}.gallery-navbar img{width:80px}.gallery-navbar h1{font-family:math;font-size:30px}.gallery-navbar svg{font-size:30px;cursor:pointer}.gallery-items{margin-top:2rem;display:flex;align-items:flex-start;flex-direction:column;gap:2rem;font-family:math;font-size:20px}.gallery-items li a.active{position:relative;color:#20b525;font-weight:600;margin-left:15px}.gallery-items li a.active:before{content:"";position:absolute;left:-10px;top:40%;transform:translateX(-50%);width:15px;height:3px;background-color:#20b525;border-radius:50%}.top-phone-section{position:relative;margin:auto;display:flex;padding-bottom:5rem}.left-title-section{padding:10rem 5rem 10rem 1rem;z-index:3}.left-title-section h4{font-size:22px;font-family:math;font-weight:500;color:#888;margin-bottom:2rem}.left-title-section h1{font-size:90px;font-family:math;font-weight:600;margin-bottom:3rem;background:linear-gradient(to right,var(--bg) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .left-title-section h1{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.left-title-section button{font-size:25px;font-family:math;font-weight:500;background-color:transparent;border:1px solid #777;border-right:none;padding:1.3rem 3rem;cursor:pointer;color:var(--text)}.dark .left-title-section button{color:var(--dark-site-secondary)}.left-title-section button:hover{background-image:linear-gradient(90deg,var(--main-site-color) 0,var(--dark-site-secondary) 110.61%);color:var(--text)}.right-img-section{width:100%;height:100%;position:relative;display:flex;align-items:center;gap:1rem;margin-left:-150px;z-index:2}.right-img-section:before{content:"";position:absolute;top:30%;left:45%;width:50%;height:35%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(260deg,var(--main-site-color) 0,rgba(115,67,210,0) 100%);filter:blur(130px);z-index:-1}.right-img-section img{width:350px;height:450px;border-radius:15px;object-fit:cover;filter:grayscale(0) blur(0);transition:.3s ease-in-out}.right-img-section img:hover{filter:grayscale(100%) blur(3px);transition:.2s ease-in-out}.right-img-top img{width:420px;height:50%}.right-img-top img:nth-child(2){width:300px;height:50%;margin-top:1rem}.gallery-bottom-photos{padding:5rem 1rem;background-color:var(--bg)}.dark .gallery-bottom-photos{padding:5rem 1rem;background-color:var(--week-white)}.gallery-bottom-titles{margin-bottom:5rem}.gallery-bottom-titles h2{font-size:3rem;font-weight:500}.dark .gallery-bottom-titles h2{color:var(--dark-black)}.gallery-bottom-titles h2 span{font-family:Playfair Display,serif;font-size:3rem;font-weight:500;font-style:italic}.gallery-bottom-titles h3{font-weight:400;margin-bottom:1rem}.dark .gallery-bottom-titles h3{color:var(--dark-black)}.gallery-bottom-titles h3 span{color:red}.gallery-image-grid{margin:20px auto;column-count:3;column-gap:3rem}.image-item{width:100%;margin-bottom:7rem;page-break-inside:avoid;break-inside:avoid;cursor:pointer}.image-item img{max-width:100%;border-radius:15px}.gallery-img-item-info h2{font-weight:500;margin-top:1rem;margin-bottom:.5rem}.dark .gallery-img-item-info h2{color:var(--dark-black)}.gallery-img-item-info p{font-weight:400;font-size:15px}.dark .gallery-img-item-info p{color:#555}.image-gallery-left-nav{position:absolute;top:50%;left:15px;transform:translateY(-50%);z-index:10;width:30px;height:30px;border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.image-gallery-left-nav:hover{background-image:linear-gradient(270deg,var(--main-site-color) 0,var(--dark-site-secondary) 110.61%)}.image-gallery-left-nav:before{content:"◀";color:var(--text);font-size:22px}.image-gallery-right-nav{position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:10;width:30px;height:30px;border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.image-gallery-right-nav:hover{background-image:linear-gradient(90deg,var(--main-site-color) 0,var(--dark-site-secondary) 110.61%)}.image-gallery-right-nav:before{content:"▶";color:var(--text);font-size:22px}.image-gallery-image{border-radius:15px}.top-services{display:flex;align-items:center;justify-content:center;padding:8rem 1rem}.top-services h2{font-size:55px;background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .top-services h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.top-services p{text-align:center;margin-top:1rem;font-size:25px}.dark .top-services p{color:var(--dark-black)}.center-services{position:relative;background-color:var(--bg);padding:5rem 1rem}.dark .center-services{background-color:var(--week-white)}.services-box{width:100%;position:relative;column-count:3;column-gap:3rem;margin:20px auto}.service{position:relative;border:1px solid #2a1f81;padding:1.5rem;margin-bottom:3rem;border-radius:10px;page-break-inside:avoid;break-inside:avoid;overflow:hidden}.service h2{font-size:28px;margin-bottom:1rem;background-image:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 51%);padding:1rem;border-radius:8px;text-align:center}.service:hover{border-color:var(--main-site-color);box-shadow:0 0 10px var(--main-site-color)}.service img{width:70px}.service ul li{position:relative;margin:1rem 0;padding-left:20px}.dark .service ul li{color:var(--dark-black)}.service ul li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#4f3ed0;width:8px;height:8px;border-radius:50%}.service p{color:#999}.dark .service p{color:#444}.service span{position:absolute;right:-25px;top:150px;font-size:60px;font-weight:700;transform:rotate(-90deg);color:var(--bg)}.dark .service span{color:#c5c5c5}.pricing-plan-section{background-color:var(--bg);padding-bottom:5rem}.dark .pricing-plan-section{background-color:var(--pure-white)}.pricing-titles{position:relative;padding:5rem 1rem}.pricing-titles h3{font-size:22px;font-weight:500;margin-bottom:1rem}.dark .pricing-titles h3{color:#555}.pricing-titles h2{background:linear-gradient(to right,var(--bg) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text}.dark .pricing-titles h2,.pricing-titles h2{font-size:40px;-webkit-text-fill-color:transparent}.dark .pricing-titles h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text}.pricing-cards{display:flex;align-items:center;justify-content:space-between}.pricing-card{background-color:#2e64cf49;padding:1.8rem;border-radius:10px;width:25%;transition:.3s ease-in-out}.dark .pricing-card{background-color:var(--week-white)}.pricing-card h2{font-size:42px;margin:1rem 0;text-align:center}.dark .pricing-card h2{color:var(--dark-black)}.pricing-card h2 span{font-size:18px;font-weight:500;color:#ad8cef}.pricing-card h4{font-size:22px;margin:1rem 0}.dark .pricing-card h4{color:var(--dark-black)}.dark .pricing-card p{color:#555}.pricing-card a{width:100%;margin-bottom:1rem}.pricing-card a button{width:100%;padding:1rem;font-size:20px;font-weight:600;border-radius:10px;background-color:#151a25;color:var(--text);border:none;outline:none;transition:.3s ease-in-out}.pricing-card h5{font-size:18px;margin-top:1.5rem;margin-bottom:1rem}.dark .pricing-card h5{color:var(--dark-black)}.pricing-card ul li{margin:1rem 0;display:flex;align-items:center;gap:1rem}.dark .pricing-card ul li{color:#555}.pricing-card ul li svg{color:#b795fb;font-size:20px}.pricing-card a:hover button,.pricing-card:nth-child(2) a button{background-color:#4f3ed0}.pricing-card:nth-child(2) a:hover button{background-color:var(--text);color:#4f3ed0}.shop-page{position:relative;background-color:var(--bg);padding-top:8rem}.dark .shop-page{background-color:var(--pure-white)}.shop-page-top-title{padding:8rem 1rem;display:flex;align-items:center;justify-content:center;text-align:center}.shop-page-top-title h2{font-size:55px;background:linear-gradient(to right,var(--bg) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .shop-page-top-title h2{background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shop-page-top-title h3{font-size:30px;margin-bottom:1rem;font-weight:500}.dark .shop-page-top-title h3{color:var(--dark-black)}.shop-products{background-color:var(--bg);padding:5rem 1rem}.dark .shop-products{background-color:var(--week-white);padding:5rem 1rem}.shop-product-cards{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.shop-product-card{width:30%;margin-bottom:3rem}.shop-product-card-img{width:100%;height:330px;overflow:hidden;transition:.3s ease-in-out}.shop-product-card-img img{width:100%;height:100%;object-fit:cover;transition:.3s ease-in-out}.shop-product-card h2{margin:.5rem 0;font-weight:500;font-size:20px;color:#cacaca;transition:.3s ease-in-out}.dark .shop-product-card h2{color:var(--dark-black)}.shop-product-card h3{font-size:25px;margin-bottom:1rem}.dark .shop-product-card h3{color:#555}.shop-product-card span{background-color:var(--bg);padding:.5rem;margin:1rem .5rem 1rem 0;border-radius:10px}.shop-product-card p{margin-top:1.5rem;color:#777}.shop-product-card:hover .shop-product-card-img{box-shadow:0 0 20px #4f3ed0;border-radius:30px}.shop-product-card:hover .shop-product-card-img img{transform:scale(1.1)}.shop-product-card:hover h2{color:var(--main-site-color)}.project-page{position:relative}.contact-page{padding-top:8rem;padding-bottom:5rem;background-color:var(--bg)}.dark .contact-page{background-color:var(--pure-white)}.contact-form-p{position:relative;width:100%;margin-top:4rem;border:3px dotted var(--bg);padding:2rem;display:flex;align-items:flex-start;justify-content:space-between;border-radius:10px;overflow:hidden}.contact-form-p:before{content:"";position:absolute;bottom:0;left:0;width:322px;height:308px;border-radius:50%;background:linear-gradient(260deg,var(--main-site-color) 0,rgba(115,67,210,0) 100%);filter:blur(150px);margin-right:-5%;margin-top:-5%}.left-content-p{width:30%}.left-content-p h2{font-size:28px;margin-bottom:1rem}.dark .left-content-p h2{color:var(--dark-black)}.left-content-p h2:nth-child(2){background:linear-gradient(to right,var(--main-site-color) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2.5rem}.dark .left-content-p h2:nth-child(2){background:linear-gradient(to right,var(--main-site-color) 0,var(--dark-site-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.left-content-p p{position:relative;margin-bottom:1rem;font-weight:300;padding-left:20px;color:silver}.dark .left-content-p p{color:var(--dark-black)}.left-content-p p:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#584bba}.left-social-info{margin-top:3rem}.left-social-info ul li{margin:1.5rem 0;font-size:20px;display:flex;align-items:center;gap:1rem;font-weight:400;color:#b4b4b4}.dark .left-social-info ul li{color:var(--dark-black)}.left-social-info ul li svg{font-size:26px;color:#6d5edc}.left-social-info ul li a{color:#ececec;border-bottom:1px solid #5243c7;padding-bottom:3px}.dark .left-social-info ul li a{color:var(--main-hover-color);border-bottom:1px solid #5243c7}.left-social-info ul li a:hover{color:#796cdb}.right-content-p{width:60%;height:100%;border:1px solid #2a1f81;box-shadow:6px 6px 0 #9669e9}.right-content-title{padding:1rem;border-top:1px dashed #999;background-color:rgba(41,37,36,.5)}.dark .right-content-title{background-color:rgba(87,79,171,.5)}.right-content-title h2{font-size:20px;font-weight:500}.dark .right-content-title h2{color:var(--dark-black)}.right-content-inputs{position:relative;padding:2rem;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px}.right-content-inputs input,.right-content-inputs select{width:220px;padding:.8rem;font-size:20px;background-color:var(--bg);color:var(--text);border:none;border-bottom:1px solid var(--bg);outline:none}.dark .right-content-inputs input,.dark .right-content-inputs select{background-color:var(--week-white);color:var(--dark-black)}.right-content-inputs input:focus,.right-content-inputs select:focus{border:.5px solid #8a81d3;outline-color:#4f3ed0}.right-content-checkbox,.right-content-message,.right-content-radio{padding:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.right-contents-checkbox{display:flex;align-items:center;gap:10px;width:220px}.cyberpunk-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #30cfd0;border-radius:5px;background-color:transparent;display:inline-block;position:relative;margin-right:10px;cursor:pointer}.cyberpunk-checkbox:before{content:"";background-color:#30cfd0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:3px;transition:all .3s ease-in-out}.cyberpunk-checkbox:checked:before{transform:translate(-50%,-50%) scale(1)}.cyberpunk-checkbox-label{font-size:15px;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;width:220px}.dark .cyberpunk-checkbox-label{color:var(--dark-black)}.radio-button{display:flex;gap:10px;justify-content:center;margin:10px;position:relative;align-items:center;color:#fff}.dark .radio-button{color:var(--dark-black)}.radio-button input[type=radio]{position:absolute;opacity:0}.radio{position:relative;display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid #30cfd0;box-shadow:0 0 5px rgba(0,0,0,.2);transform:translateZ(-25px)}.radio,.radio:before{transition:all .3s ease-in-out}.radio:before{position:absolute;content:"";width:10px;height:10px;top:5px;left:5px;border-radius:50%;background-color:#30cfd0;box-shadow:0 0 10px rgba(0,0,0,.5);opacity:0}.radio-button input[type=radio]:checked+.radio{border-color:#5cb85c;transform:translateZ(0);background-color:#160690}.radio-button input[type=radio]:checked+.radio:before{opacity:1}.radio-button label{cursor:pointer}.right-content-message textarea{width:100%;padding:.8rem;font-size:20px;background-color:var(--bg);color:var(--text);border:none;border-bottom:1px solid var(--bg);outline:none;resize:none}.dark .right-content-message textarea{background-color:var(--week-white);color:var(--dark-black)}.right-content-p hr{border:1px dashed #555}.right-content-btn{padding:2rem}.right-content-btn button{border-radius:.25rem;text-transform:uppercase;font-style:normal;font-weight:400;padding-left:4rem;padding-right:4rem;color:var(--text);-webkit-clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);height:60px;font-size:1rem;line-height:14px;letter-spacing:1.2px;transition:.2s .1s;background-image:linear-gradient(270deg,#6220fb 0,#1c1c1c 51%,#6220fb);border:0 solid;background-size:200%;overflow:hidden;background-position:100%}.right-content-btn button:hover{cursor:pointer;transition:background-image all .3s ease-in;padding-right:5rem;padding-left:5rem;background-position:-200%}.blog-slug-page{position:relative;padding:15rem 0 5rem;background-color:var(--bg)}.dark .blog-slug-page{background-color:var(--pure-white)}.blog-slug-page-content{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.left-site-details{position:relative;width:65%;overflow:hidden}.left-site-details img{width:100%}.left-blog-info-img{width:100%;height:350px;overflow:hidden;border-radius:10px}.left-blog-info-img img{width:100%;height:100%;object-fit:cover}.slug-blog-info-publication{margin:1.5rem 0;display:flex;align-items:center;justify-content:space-between}.admin-slug{display:flex;align-items:center;gap:.5rem}.dark .admin-slug{color:var(--dark-black)}.admin-slug img{width:30px;height:30px;border-radius:50%;object-fit:cover}.admin-slug svg{color:var(--bg);font-size:25px}.admin-slug:last-child svg{color:var(--bg);font-size:35px}.share-blog-slug{display:flex;gap:1rem}.share-blog-slug a,.share-blog-slug div{border:1px solid var(--bg);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer}.dark .share-blog-slug a:hover svg,.dark .share-blog-slug div:hover svg{color:var(--pure-white)}.share-blog-slug div{position:relative}.dark .share-blog-slug svg{color:var(--main-site-color)}.share-blog-slug div span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:13px}.share-blog-slug a:hover,.share-blog-slug div:hover{background-color:var(--bg)}.left-site-details h1{margin-bottom:1rem;color:var(--text);font-size:35px}.dark .left-site-details h1{color:var(--dark-black)}.md-post-code{padding:2px 4px;font-style:italic;border-radius:2px}.blog-slug-tags{position:relative;width:100%;height:100%;padding:2rem 0;border-top:1px solid #555;border-bottom:1px solid #555;margin:3rem 0;display:flex;align-items:center;justify-content:space-between}.blogs-tags{display:flex;align-items:flex-start;gap:1rem}.dark .blogs-tags{color:var(--dark-black)}.blogs-tags span{padding:10px 20px;background-color:var(--bg);border-radius:20px;transition:.3s}.dark .blogs-tags span{background-color:#a6a0a7;color:var(--text)}.blogs-tags span:hover{background-color:var(--bg)}.right-site-details{position:relative;width:33%;height:auto}.right-slug-search-bar{width:100%;background-color:var(--bg);padding:2rem;display:flex;border-radius:10px;margin-bottom:2rem}.dark .right-slug-search-bar{background-color:#fef1ff}.right-slug-search-bar input{padding:.5rem;font-size:20px;width:100%;border-top-left-radius:10px;border-bottom-left-radius:10px;outline:none;background-color:#111;border:.5px solid #444}.dark .right-slug-search-bar input{background-color:var(--pure-white);border:.5px solid #999}.right-slug-search-bar button{background-color:var(--bg);padding:1rem;border:none;outline:none;font-size:20px;color:var(--text);border-top-right-radius:10px;border-bottom-right-radius:10px}.right-slug-category{width:100%;background-color:var(--bg);padding:2rem;border-radius:10px;margin-bottom:2rem}.dark .right-slug-category{background-color:#fef1ff}.right-slug-category h2{font-size:22px;margin-bottom:1.8rem}.dark .right-slug-category h2{color:var(--dark-black)}.right-slug-category ul li{display:flex;align-items:center;justify-content:space-between;margin:1rem 0}.dark .right-slug-category ul li{color:var(--dark-black)}.right-slug-category ul li span,.right-slug-category ul li:hover{color:var(--bg)}.right-slug-category ul a:last-child li{margin:0}.right-recent-posts{width:100%;background-color:var(--bg);padding:2rem;border-radius:10px;margin-bottom:2rem}.dark .right-recent-posts{background-color:#fef1ff}.right-recent-posts img{width:100px;height:100px;object-fit:cover;border-radius:5px}.right-recent-posts h2{font-size:22px;margin-bottom:2rem}.dark .right-recent-posts h2{color:var(--dark-black)}.right-recent-post{display:flex;align-items:flex-start;gap:.5rem;padding:5px;margin-bottom:2rem;background:var(--bg);color:#d3d3d3;border-radius:2px}.dark .right-recent-post{background:#e6cce975;color:var(--dark-black)}.right-recent-post h3{font-size:18px}.right-recent-post:last-child{margin:0}.right-recent-post:hover h3{color:var(--bg)}.right-recent-post h4{display:flex;align-items:center;gap:5px}.right-recent-post h4 span{background-color:#4600ae7c;color:var(--text);padding:8px;border-radius:5px}.blog-category .top-hero{margin-bottom:0}.blog-category .top-title-content{padding-bottom:3rem}.blog-category .latest-posts-section{margin-top:2rem}.dark .blog-category{background-color:var(--text)}.dark .blog-category .latest-posts-section{background-color:var(--week-white)}.blog-content{padding:10px 0;font-size:16px;border-radius:20px;margin-top:1rem;margin-bottom:5rem;overflow:hidden;font-weight:500}.dark .blog-content{background-color:var(--pure-white);color:#000}.blog-h1{font-size:45px}.blog-content h1:first-child{font-size:35px;font-weight:600}.blog-content .flex-col{border-bottom:1px solid #888}.blog-content{border:none}.blog-content h2{font-size:24px;font-weight:700;margin:24px 0}.blog-content h2,.blog-content h3{padding:0;border:none;line-height:1.7}.blog-content h3{font-size:20px;margin:18px 0}.blog-content h4{margin:2rem 0 0;font-size:18px}.blog-content h4:before{content:"⮞";padding:0 8px 0 0}.blog-content blockquote{position:relative;margin:30px 0 20px 15px;padding:5px 8px 5px 20px;background:none repeat scroll 0 0 rgba(1,131,255,.1);color:#fff8f8;border:none;border-radius:10px}.blog-content blockquote:before{content:"!";position:absolute;padding:3px 15px;top:-15px;left:-15px;background:#3b82f6;color:var(--text);font-size:24px;border-radius:20px}.dark .blog-content blockquote{color:var(--bg)}.blog-content ol,.blog-content ul{margin:15px 0;font-size:16px;line-height:28px;padding-left:36px}.blog-content li{margin-bottom:8px;line-height:1.7;list-style:auto}.blog-content p{font-size:18px;line-height:1.7;font-weight:300;margin:15px 0}.blog-content a{color:orange}.dark .blog-content a{color:#00e}.blog-content hr{margin:2rem 0}.shop-slug-page{position:relative;padding:8rem 0 5rem;background-color:var(--bg)}.dark .shop-slug-page{background-color:var(--pure-white)}.shop-content{padding-top:5rem;padding-bottom:5rem;display:flex}.shop-content-box{width:100%;height:auto;border:1px dashed #34269c;display:flex;align-items:flex-start;justify-content:space-between;padding:1rem}.left-shop-img-box{width:48%;overflow:hidden}.left-shop-main-img{width:100%;height:450px;overflow:hidden}.left-shop-img-box img{width:100%;height:100%;object-fit:cover}.left-shop-img-box-list{max-width:100%;align-items:center;margin-top:1rem}.left-shop-img-box-list img{width:250px;height:250px;object-fit:cover}.left-shop-img-box-list .swiper-wrapper{display:flex}.left-shop-img-box-list .swiper-slide{width:auto}.right-shop-content-box{width:48%}.dark .right-shop-content-box h1{color:var(--dark-black)}.right-shop-price{font-weight:500;font-size:28px;margin:1rem 0 3rem;color:var(--text)}.dark .right-shop-price{color:var(--dark-black)}.right-shop-price span{font-weight:500;color:var(--bg)}.shop-now-btn{border-radius:.25rem;text-transform:uppercase;font-style:normal;font-weight:400;padding:1rem 4rem;color:var(--text);-webkit-clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);height:60px;font-size:1rem;line-height:14px;letter-spacing:1.2px;transition:.2s .1s;background-image:linear-gradient(270deg,#6220fb 0,#1c1c1c 51%,#6220fb);border:0 solid;background-size:200%;overflow:hidden;background-position:100%;display:flex;align-items:center;justify-content:center}.shop-now-btn:hover{cursor:pointer;transition:background-image all .3s ease-in;background-position:-100%}.bc-title{background:linear-gradient(to right,var(--bg) 0,#ddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-slug-comments{width:100%;height:auto;position:relative;padding:2rem 0 1rem;margin-top:3rem;border-top:1px solid #333}.blog-slug-comments h2{position:relative;font-size:30px;padding-bottom:1rem;margin-bottom:2rem}.dark .blog-slug-comments h2{color:var(--dark-black)}.blog-slug-comments h2:before{content:"";position:absolute;bottom:0;left:0;width:70px;height:3px;background-color:var(--bg)}.blog-slug-comments p{font-weight:400;margin-bottom:1rem}.dark .blog-slug-comments p{color:var(--dark-black)}.parent-name{color:var(--main-hover-color)}.remove-reply-btn{padding:.5rem 1rem;font-size:20px;background-color:transparent;color:#f94b4b;border:1px solid #999;outline:none;border-radius:10px;margin-left:10px}.remove-reply-btn:hover{background-color:#390202;color:var(--text)}.leave-reply-form{width:100%;display:flex;flex-direction:column;align-items:flex-start}.leave-reply-form input,.leave-reply-form textarea{width:100%;padding:1rem;margin:1rem 0;font-size:18px;background-color:var(--bg);outline:none;resize:none;border:1px solid #22272c;border-radius:8px;transition:.3s;color:var(--text)}.dark .leave-reply-form input,.dark .leave-reply-form textarea{background-color:var(--week-white);border:1px solid #22272c;color:#000}.name-email-comment{display:flex;width:100%;gap:1rem}.leave-reply-form input:focus,.leave-reply-form textarea:focus{border-color:var(--bg)}.leave-reply-form button{border-radius:.25rem;text-transform:uppercase;font-style:normal;font-weight:400;padding:1rem 4rem;color:var(--text);-webkit-clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);clip-path:polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%);height:60px;font-size:1rem;line-height:14px;letter-spacing:1.2px;transition:.2s .1s;background-image:linear-gradient(270deg,#6220fb 0,#1c1c1c 51%,#6220fb);border:0 solid;background-size:200%;overflow:hidden;background-position:100%;display:flex;align-items:center;justify-content:center}.leave-reply-form button:hover{cursor:pointer;transition:background-image all .3s ease-in;background-position:-100%}.blog-user-comments{position:relative;width:100%;height:auto}.blog-user-comments h2{position:relative;font-size:30px;padding-bottom:1rem;margin-bottom:2rem}.dark .blog-user-comments h2{color:var(--dark-black)}.blog-user-comments h2:before{content:"";position:absolute;bottom:0;left:0;width:70px;height:3px;background-color:var(--bg)}.blog-comment{position:relative;width:100%;margin:10px 0;padding:10px;border-radius:10px;border-bottom:4px solid #333}.blog-comment:nth-child(2n),.blog-comment:nth-child(odd){background:var(--bg)}.dark .blog-comment:nth-child(2n){background:#f5e9fa}.dark .blog-comment:nth-child(odd){background:#f6e6f4}.blog-comment h3{text-transform:capitalize;color:#90aad9;margin-bottom:1rem}.dark .blog-comment h3{color:#2969e0}.blog-comment h4{text-transform:capitalize;color:#fbfbfb;margin-bottom:1rem;font-weight:500}.dark .blog-comment h4{color:var(--dark-black)}.blog-comment h4 span{display:inline;color:#948ec0;margin-left:15px}.dark .blog-comment h4 span{color:var(--main-site-color)}.blog-comment h3 span{display:inline;color:#999;font-weight:300;font-size:15px;margin-left:20px}.dark .blog-comment h3 span{color:#333}.blog-comment p{padding:.5rem;border:1px solid #542167;border-radius:10px;color:silver}.dark .blog-comment p{border:1px solid #542167;color:#333}.replied-to{margin-left:10px}.dark .replied-to{color:#363636}.children-comments{display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;gap:1rem;width:100%}.children-comments p{border-color:#353535}.child-comment span{padding-bottom:10px;display:block;color:#ffc5fa}.dark .child-comment span{color:#00488e}.child-comment{width:95%;border-radius:10px;padding:10px;border-bottom:2px solid #393ce86e}.child-comment:nth-child(2n),.child-comment:nth-child(odd){background:var(--bg)}.dark .child-comment:nth-child(odd){background:#f8def4}.dark .child-comment:nth-child(2n){background:#ecdaf3}.blog-comment button{background-color:transparent;color:var(--main-hover-color);margin:10px 0;border:none;outline:none;font-size:20px}.project-slug{position:relative;width:100%;height:auto;padding:5rem 0}.dark .project-slug{background-color:var(--pure-white);color:var(--dark-black)}.projects-slug-img{position:relative;padding:5rem 0}.project-slug-img{position:relative;width:100%;height:auto;overflow:hidden;padding:2rem;border:1px dashed #34269c}.project-slug-img img{width:100%;height:100%}.project-slug-info{display:flex;align-items:flex-start;justify-content:space-between;margin-top:3rem}.left-main-project-info{width:48%}.right-main-project-info{width:48%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.left-main-project-info h1{text-transform:capitalize}.left-main-project-info p{margin:1rem 0;color:#b3b3b3}.dark .left-main-project-info p{color:#555}.right-main-project-info h3{width:280px;font-weight:400;color:#c2c2c2;font-size:18px}.dark .right-main-project-info h3{color:var(--dark-black)}.right-main-project-info h2{color:var(--text);padding-top:.8rem;font-weight:500}.dark .right-main-project-info h2{color:var(--dark-black)}.left-main-project-info a{text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:18px;line-height:1;font-weight:700;color:var(--text);text-transform:capitalize;background-size:200%;background-image:linear-gradient(to right,var(--bg) 0,var(--bg) 51%,var(--bg) 100%);border:none;border-radius:50px;padding:17px 35px;transition:.4s}.left-main-project-info a:hover{background-position:-100%}.project-slug-slider-img{overflow:hidden;margin-top:3rem}.project-slug-slider-img img{width:350px;height:220px;object-fit:cover;cursor:pointer}.project-slug-slider-img .swiper-wrapper{display:flex}.project-slug-slider-img .swiper-slide{width:auto}.project-description h2{position:relative;font-size:35px;padding-bottom:1rem}.project-description h2:before{content:"";position:absolute;bottom:0;left:0;width:150px;height:4px;background-color:var(--bg)}@media screen and (max-width:1412px){.container{max-width:1200px}.hero-title{font-size:65px}.hero-sb-title{font-size:28px}.lead{font-size:18px}.hero-image-right{padding-left:75px}.hero_img_box{width:450px;height:475px}.hero_img_box img{width:100%;height:100%;object-fit:cover}.funfect-item h3{font-size:50px}.funfect-item h4{font-size:15px}.top-phone-section{flex-direction:column}.right-img-section{display:none}.left-title-section{width:100%;text-align:center;padding:0}.pricing-card:not(:hover){width:29%}.right-content-inputs input,.right-content-inputs select{width:292px}.right-main-project-info h3{width:206px}}@media screen and (max-width:1245px){.nav-list ul{display:none}.container{max-width:1000px}.hero-title{font-size:50px}.hero-sb-title{font-size:25px}.hero_img_box{width:409px;height:424px}.right-content-inputs input,.right-content-inputs select{width:100%}}@media screen and (max-width:1060px){.services-box{column-count:2}.pricing-card,.pricing-card:first-child,.pricing-card:nth-child(2),.pricing-card:nth-child(3){width:100%}.pricing-cards{flex-wrap:wrap;flex-direction:column;gap:1rem;padding:1rem}.shop-product-card{width:47%}.project-card{height:350px}.project-slug-description,.projects-slug-img{padding-left:1rem;padding-right:1rem}.gallery-image-grid{column-count:2}.latest-posts-data,.popular-tags-data,.top-title .top-title-content{padding-left:1rem;padding-right:1rem}.popular-tags{flex-wrap:wrap}.latest-post{min-width:47%;max-width:47%}.lasted-blogs,.my-skills-cards{flex-wrap:wrap}.lasted-blogs{gap:2rem}.recent-blog{max-width:47%}.blog-slug-page-content{flex-direction:column}.left-site-details,.right-site-details{width:100%;padding-left:1rem;padding-right:1rem}.shop-content{padding-left:1rem;padding-right:1rem}.shop-content-box{flex-wrap:wrap}.left-shop-img-box{width:100%}.right-shop-content-box{width:100%;margin-top:2rem}.hero,.services-menu{padding-left:1rem;padding-right:1rem}.project-content-box h2{font-size:20px}}@media screen and (max-width:1023px){.hero .w-100,.hero-info-left{flex-direction:column}.hero-info-left{width:100%;display:flex;align-items:center;justify-content:center;text-align:left}.hero-image-right{display:none}.hero-img-box{display:block;margin:2rem 0}.hero-title{font-size:65px;text-align:center}.hero-sb-title{font-size:30px}.contact-page{padding-left:1rem;padding-right:1rem}.contact-form-p{flex-wrap:wrap}.left-content-p{width:100%}.right-content-p{width:100%;margin-top:2rem}.shop-content .container{max-width:100%}}@media screen and (max-width:870px){.funfect-area{flex-wrap:wrap;justify-content:center}.funfect-item{width:30%;text-align:center;justify-content:center}.services-item{flex-wrap:wrap}.left-service-box{width:calc(100% - 10px);padding-bottom:0}.right-service-box{width:calc(100% - 10px);padding-top:0}.project-card{width:100%;height:auto}.experience-title h2{font-size:35px}.experience-study .container{flex-direction:column}.experience{width:100%}.education{width:100%;margin-top:3rem}}@media screen and (max-width:720px){.hero-title{font-size:45px}.funfect-item{width:50%}.project-buttons{flex-wrap:wrap}.project-buttons button{font-size:16px;padding:.8rem}.services-titles{padding-left:1rem;padding-right:1rem}.left-service-box h3{font-size:22px}.right-service-box p{font-size:15px}.hero_img_box img{transform:none;border:2px solid var(--main-site-color)}.projects{padding:8rem 1rem}.my-skills{padding:3rem 1rem}.latest-post,.recent-blog{min-width:100%;max-width:100%}.slug-blog-info-publication{flex-direction:column;gap:2rem}}@media screen and (max-width:600px){.left-title-section h1{font-size:55px}.gallery-bottom-titles h2{font-size:2rem}.nav-list button{display:none}.services-box{column-count:1}.logo img{width:50px}.project-slug-info{flex-direction:column}.left-main-project-info{width:100%}.right-main-project-info{width:100%;margin-top:2rem}.project-slug-img{padding:1rem}.shop-product-card{width:100%}.contact-form-p:before{top:0;right:0!important}.shop-page-top-title h2{font-size:45px}.lead{text-align:center}.hero-btn-box{flex-direction:column}.projects-titles{margin-top:0}.footer-section ul{flex-wrap:wrap;justify-content:center}}@media screen and (max-width:500px){.admin-slug{font-size:13px;flex-direction:column;align-items:center}.logo{gap:1rem}.top-title h1{font-size:2rem}.section-search{width:100%}.gallery-image-grid{column-gap:1rem}.image-item{margin-bottom:2rem}.top-services h2{font-size:35px}.shop-page-top-title,.top-services{padding:5rem 1rem}.project-card{padding:0}.project-img-box div{left:15px}}@media screen and (max-width:450px){.hero-sb-title{font-size:22px}.hero-title{font-size:35px}.hero_img_box{width:375px;height:400px}.hero{padding:15rem 1rem 5rem}.funfect-item h3{font-size:35px}.funfect-item h4{font-size:13px}.funfect-item{margin:1rem 0}.funfect-area{margin-top:2rem}.services{padding-top:3rem}.projects-titles h2,.services-titles h2{font-size:35px}.projects-titles p,.services-titles p{font-size:15px}.experience-study{padding:3rem 1rem}.shop-page-top-title h2{font-size:35px}.project-content-box h2{font-size:15px;margin-bottom:0}.right-content-checkbox,.right-content-inputs{padding:1rem}.right-content-radio{padding:1rem .3rem}.right-content-message{padding:.5rem}.contact-form-p{padding:1rem}.popular-tag{width:109px;height:108px}.blogs-pagination-btn button{font-size:16px;padding:.7rem}.tags div{font-size:13px}.tags span{display:none}.featured-post{min-width:347px;max-width:347px;height:350px}.featured-posts{padding-bottom:3rem}.top-hero{margin-bottom:8rem}.popular-tags-section{padding:0 1rem}}@media screen and (max-width:410px){.hero_img_box{width:315px;height:365px}.hero{padding:10rem 1rem}.logo h2{font-size:13px}.copyrights{text-align:center}.service h2{font-size:20px}.gallery-img-item-info h2{font-size:18px}}@media screen and (max-width:380px){.left-social-info ul li{font-size:16px}.gallery-img-item-info p{font-size:13px}}.blog-content table{width:100%;border-collapse:collapse;margin:25px 0;font-size:1em;font-family:Sora,sans-serif;min-width:400px;box-shadow:0 0 20px rgba(0,0,0,.15);border:1px solid #555}.blog-content thead tr{background-color:var(--bg);color:var(--text);text-align:left;border-bottom:2px solid var(--bg)}.blog-content td,.blog-content th{padding:12px 15px;border:1px solid #444;text-align:left}.blog-content tbody tr{border-bottom:1px solid #333}.blog-content tbody tr:nth-of-type(2n){background-color:var(--bg)}.blog-content tbody tr:last-of-type{border-bottom:2px solid var(--bg)}.blog-content tbody tr:hover{background-color:var(--bg)}.dark .blog-content table{border:1px solid #ccc;box-shadow:0 0 20px hsla(0,0%,100%,.05)}.dark .blog-content thead tr{background-color:var(--bg);color:#f0f0f0;border-bottom:2px solid var(--bg)}.dark .blog-content td,.dark .blog-content th{border:1px solid #555;color:#ddd}.dark .blog-content tbody tr{border-bottom:1px solid #444}.dark .blog-content tbody tr:nth-of-type(2n){background-color:var(--bg)}.dark .blog-content tbody tr:last-of-type{border-bottom:2px solid var(--bg)}.dark .blog-content tbody tr:hover{background-color:var(--bg)}.table-wrapper{overflow-x:auto;margin:20px 0}.blog-search-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-start;justify-content:center;padding:80px 24px 24px;overflow:auto;animation:bsmFadeIn .2s ease both}@keyframes bsmFadeIn{0%{opacity:0}to{opacity:1}}.blog-search-modal__backdrop{position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:not(.dark) .blog-search-modal__backdrop{background:hsla(60,20%,95%,.72)}body.dark .blog-search-modal{--bs-bg:#0a0a0f;--bs-surface:#111118;--bs-surface2:#18181f;--bs-surface3:#1e1e28;--bs-border:hsla(0,0%,100%,.07);--bs-border-accent:rgba(212,255,0,.2);--bs-accent:#d4ff00;--bs-accent2:#7c3aed;--bs-text:#f0f0f5;--bs-muted:#6b6b80;--bs-tag-bg:rgba(212,255,0,.08);--bs-input-shadow:0 0 0 4px rgba(212,255,0,.06),0 20px 60px rgba(0,0,0,.6);--bs-input-focus-shadow:0 0 0 5px rgba(212,255,0,.09),0 24px 64px rgba(0,0,0,.65);--bs-panel-shadow:0 24px 64px rgba(0,0,0,.55),0 0 0 1px hsla(0,0%,100%,.03);--bs-result-hover:var(--bs-surface2);--bs-clear-icon:#000;--bs-noise-opacity:0.4}body:not(.dark) .blog-search-modal{--bs-bg:#f0f0ea;--bs-surface:#fff;--bs-surface2:#e8e8e2;--bs-surface3:#edece6;--bs-border:rgba(0,0,0,.08);--bs-border-accent:rgba(77,102,0,.22);--bs-accent:#4d6600;--bs-accent-bright:#c6e830;--bs-accent2:#7c3aed;--bs-text:#1a1a1a;--bs-muted:#666670;--bs-tag-bg:rgba(77,102,0,.07);--bs-tag-border:rgba(77,102,0,.2);--bs-input-shadow:0 0 0 4px rgba(77,102,0,.07),0 12px 40px rgba(0,0,0,.1);--bs-input-focus-shadow:0 0 0 5px rgba(77,102,0,.1),0 16px 50px rgba(0,0,0,.13);--bs-panel-shadow:0 12px 40px rgba(0,0,0,.1),0 1px 0 hsla(0,0%,100%,.9) inset;--bs-result-hover:#f8f8f2;--bs-clear-icon:#fff;--bs-noise-opacity:0.3}.blog-search-modal__noise{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:var(--bs-noise-opacity)}body:not(.dark) .blog-search-modal__noise{opacity:.25}.blog-search-modal__page-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.blog-search-modal__page-bg *{pointer-events:none}.blog-search-modal__glow{position:absolute;border-radius:50%;filter:blur(120px);animation:bsmDrift 8s ease-in-out infinite}body:not(.dark) .blog-search-modal__glow{filter:blur(110px);animation-duration:9s}.blog-search-modal__glow--1{width:600px;height:600px;top:-200px;left:-100px}body.dark .blog-search-modal__glow--1{background:var(--bs-accent);opacity:.05}body:not(.dark) .blog-search-modal__glow--1{width:500px;height:500px;background:var(--bs-accent-bright);opacity:.35;top:-120px;left:-80px}.blog-search-modal__glow--2{width:500px;height:500px;bottom:-100px;right:-80px;animation-delay:-4s}body.dark .blog-search-modal__glow--2{background:var(--bs-accent2);opacity:.08}body:not(.dark) .blog-search-modal__glow--2{width:380px;height:380px;background:#c4b5fd;opacity:.2;bottom:-80px;right:-60px;animation-delay:-4.5s}@keyframes bsmDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,15px) scale(1.04)}}body.dark .blog-search-modal__grid-overlay{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.012) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.012) 1px,transparent 0);background-size:60px 60px;pointer-events:none;z-index:0}body:not(.dark) .blog-search-modal__grid-overlay{display:none}body:not(.dark) .blog-search-modal:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(77,102,0,.055) 1px,transparent 0);background-size:28px 28px}.blog-search-modal__shell{position:relative;z-index:2;width:100%;max-width:680px;margin:0;animation:bsmSlideDown .3s cubic-bezier(.22,1,.36,1) both}@keyframes bsmSlideDown{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-search-modal .search-input-wrap{display:flex;align-items:center;gap:0;background:var(--bs-surface);border:1px solid var(--bs-border-accent);border-radius:16px;padding:6px 6px 6px 20px;box-shadow:var(--bs-input-shadow);transition:box-shadow .2s,border-color .2s}.blog-search-modal .search-input-wrap:focus-within{border-color:rgba(212,255,0,.4);box-shadow:var(--bs-input-focus-shadow)}body:not(.dark) .blog-search-modal .search-input-wrap:focus-within{border-color:rgba(77,102,0,.4)}.blog-search-modal .search-icon{flex-shrink:0;color:var(--bs-muted);display:flex;align-items:center;margin-right:12px;transition:color .2s}.blog-search-modal .search-input-wrap:focus-within .search-icon{color:var(--bs-accent)}.blog-search-modal .search-input{flex:1 1;background:transparent;border:none;outline:none;font-family:Syne,sans-serif;font-size:18px;font-weight:600;color:var(--bs-text);letter-spacing:-.3px;padding:10px 0;caret-color:var(--bs-accent)}.blog-search-modal .search-input::placeholder{color:var(--bs-muted);font-weight:400;font-size:16px;font-family:DM Sans,sans-serif}.blog-search-modal .search-hint{font-family:DM Mono,monospace;font-size:10px;color:var(--bs-muted);background:var(--bs-surface2);border:1px solid var(--bs-border);padding:3px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0;margin-right:8px;letter-spacing:.5px;transition:opacity .2s}.blog-search-modal .search-input-wrap:focus-within .search-hint{opacity:0;pointer-events:none}.blog-search-modal .btn-clear{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--bs-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s;opacity:0;pointer-events:none}body:not(.dark) .blog-search-modal .btn-clear{box-shadow:0 2px 8px rgba(77,102,0,.3)}.blog-search-modal .btn-clear.visible{opacity:1;pointer-events:auto}.blog-search-modal .btn-clear:hover{opacity:.85;transform:scale(.95)}.blog-search-modal .btn-clear svg{color:var(--bs-clear-icon)}.blog-search-modal .results-panel{margin-top:10px;background:var(--bs-surface);border:1px solid var(--bs-border);border-radius:16px;overflow:hidden;box-shadow:var(--bs-panel-shadow);opacity:1;transform:translateY(0);transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1)}.blog-search-modal .results-header{padding:12px 18px;background:var(--bs-surface2);border-bottom:1px solid var(--bs-border);display:flex;align-items:center;justify-content:space-between}.blog-search-modal .results-header-left{display:flex;align-items:center;gap:10px}.blog-search-modal .traffic-lights{display:flex;gap:5px}.blog-search-modal .tl{width:9px;height:9px;border-radius:50%}.blog-search-modal .tl-r{background:#ff5f57}.blog-search-modal .tl-y{background:#ffbd2e}.blog-search-modal .tl-g{background:#28c840}.blog-search-modal .results-label{font-family:DM Mono,monospace;font-size:10px;color:var(--bs-muted);text-transform:uppercase;letter-spacing:1px}.blog-search-modal .results-count{font-family:DM Mono,monospace;font-size:10px;color:var(--bs-accent);background:var(--bs-tag-bg);border:1px solid var(--bs-border-accent);padding:2px 8px;border-radius:4px}body:not(.dark) .blog-search-modal .results-count{border-color:var(--bs-tag-border)}.blog-search-modal .results-list{max-height:420px;overflow-y:auto}.blog-search-modal .results-list::-webkit-scrollbar{width:4px}.blog-search-modal .results-list::-webkit-scrollbar-track{background:transparent}.blog-search-modal .results-list::-webkit-scrollbar-thumb{background:var(--bs-border);border-radius:2px}.blog-search-modal .results-list::-webkit-scrollbar-thumb:hover{background:var(--bs-border-accent)}.blog-search-modal .result-item{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit;position:relative;width:100%;box-sizing:border-box;text-align:left;background:none;font:inherit;border:none;border-bottom:1px solid var(--bs-border)}.blog-search-modal .result-item:last-child{border-bottom:none}.blog-search-modal .result-item.active,.blog-search-modal .result-item:hover{background:var(--bs-result-hover)}.blog-search-modal .result-item:hover .result-arrow{opacity:1;transform:translateX(0)}.blog-search-modal .result-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--bs-accent);border-radius:0 2px 2px 0;opacity:0;transition:opacity .15s}.blog-search-modal .result-item.active:before,.blog-search-modal .result-item:hover:before{opacity:1}.blog-search-modal .result-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--bs-surface3);border:1px solid var(--bs-border);display:flex;align-items:center;justify-content:center;margin-top:2px;transition:border-color .15s;font-family:DM Mono,monospace;font-size:11px;color:var(--bs-accent);font-weight:500}.blog-search-modal .result-item:hover .result-icon{border-color:var(--bs-border-accent)}body:not(.dark) .blog-search-modal .result-item:hover .result-icon{background:var(--bs-tag-bg)}.blog-search-modal .result-body{flex:1 1;min-width:0}.blog-search-modal .result-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.blog-search-modal .result-badge{font-family:DM Mono,monospace;font-size:9px;color:var(--bs-accent);background:var(--bs-tag-bg);border:1px solid var(--bs-border-accent);padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}body:not(.dark) .blog-search-modal .result-badge{border-color:var(--bs-tag-border)}.blog-search-modal .result-num{font-family:DM Mono,monospace;font-size:9px;color:var(--bs-muted)}.blog-search-modal .result-num:before{content:"// ";color:var(--bs-accent)}.blog-search-modal .result-title{font-family:Syne,sans-serif;font-size:15px;font-weight:800;color:var(--bs-text);letter-spacing:-.4px;line-height:1.2;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-search-modal .result-title mark{background:transparent;color:var(--bs-accent);font-style:normal}.blog-search-modal .result-excerpt{font-size:12px;color:var(--bs-muted);line-height:1.7;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-search-modal .result-excerpt mark{background:transparent;color:var(--bs-text);font-style:normal}body:not(.dark) .blog-search-modal .result-excerpt mark{font-weight:500}.blog-search-modal .result-arrow{color:var(--bs-muted);flex-shrink:0;margin-top:4px;opacity:0;transform:translateX(-4px);transition:all .15s}.blog-search-modal .empty-state{padding:48px 24px;text-align:center;display:none;flex-direction:column;align-items:center;gap:12px}.blog-search-modal .empty-state.visible{display:flex}.blog-search-modal .empty-icon{font-family:DM Mono,monospace;font-size:32px;opacity:.15}body:not(.dark) .blog-search-modal .empty-icon{opacity:.2}.blog-search-modal .empty-title{font-family:Syne,sans-serif;font-size:16px;font-weight:800;color:var(--bs-text);letter-spacing:-.5px}.blog-search-modal .empty-sub{font-family:DM Mono,monospace;font-size:11px;color:var(--bs-muted)}.blog-search-modal .results-footer{padding:10px 18px;background:var(--bs-surface2);border-top:1px solid var(--bs-border);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-search-modal .hint-item{display:flex;align-items:center;gap:6px}.blog-search-modal .kbd{font-family:DM Mono,monospace;font-size:9px;color:var(--bs-muted);background:var(--bs-surface3);border:1px solid var(--bs-border);padding:2px 6px;border-radius:4px;letter-spacing:.3px}body:not(.dark) .blog-search-modal .kbd{background:var(--bs-surface);box-shadow:0 1px 2px rgba(0,0,0,.05)}.blog-search-modal .hint-label{font-family:DM Mono,monospace;font-size:10px;color:var(--bs-muted);text-transform:uppercase;letter-spacing:.5px}.blog-search-modal .suggestions{display:flex;flex-direction:column}.blog-search-modal .suggestion-section{padding:14px 20px 6px}.blog-search-modal .suggestion-section-label{font-family:DM Mono,monospace;font-size:10px;color:var(--bs-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.blog-search-modal .suggestion-section-label:before{content:"//";color:var(--bs-accent);font-size:9px}.blog-search-modal .suggestions-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 14px}.blog-search-modal .suggestion-tag{font-family:DM Mono,monospace;font-size:10px;color:var(--bs-muted);background:transparent;border:1px solid var(--bs-border);border-radius:100px;padding:5px 12px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}body:not(.dark) .blog-search-modal .suggestion-tag{background:var(--bs-surface);box-shadow:0 1px 3px rgba(0,0,0,.04)}.blog-search-modal .suggestion-tag:hover{border-color:var(--bs-border-accent);color:var(--bs-accent);background:var(--bs-tag-bg)}.blog-search-modal .suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .15s;border:none;width:100%;text-align:left;background:none;font:inherit;color:inherit}.blog-search-modal .suggestion-item:hover{background:var(--bs-result-hover)}.blog-search-modal .suggestion-item-icon{color:var(--bs-muted);flex-shrink:0}.blog-search-modal .suggestion-item-text{font-size:13px;color:var(--bs-muted);font-weight:300}.blog-search-modal .suggestion-item-text strong{color:var(--bs-text);font-weight:600;font-family:DM Mono,monospace;font-size:12px}.services-page{position:relative;padding-top:4rem;background-color:var(--bg)}.dark .services-page{background-color:var(--pure-white)}.services-page .hero{min-height:100vh;display:flex;align-items:center;padding:80px 48px;position:relative;overflow:hidden;z-index:2}.services-page .hero-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.services-page .hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12;animation:srvDrift 8s ease-in-out infinite}.services-page .glow-1{background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.services-page .glow-2{background:var(--accent2);bottom:-100px;right:-50px;animation-delay:-4s}@keyframes srvDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.05)}}.services-page .hero-grid{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent)}body:not(.dark) .services-page .hero-grid{background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%)}.services-page .hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%}.services-page .hero-label{display:inline-flex;align-items:center;gap:8px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.2);color:var(--accent);padding:6px 14px;border-radius:100px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.5px;margin-bottom:28px;animation:sFadeUp .6s ease both}body:not(.dark) .services-page .hero-label{background:hsla(0,0%,100%,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4d6600;border-color:rgba(130,160,0,.25)}.services-page .hero-label:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:sPulse 2s infinite}body:not(.dark) .services-page .hero-label:before{background:#6a8c00}@keyframes sPulse{0%,to{opacity:1}50%{opacity:.3}}.services-page .hero-title{font-family:Syne,sans-serif;font-size:clamp(2.75rem,5.5vw + 1rem,6rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin-bottom:24px;color:var(--text);animation:sFadeUp .6s ease .1s both}.services-page .hero-title .highlight{color:var(--accent)}body:not(.dark) .services-page .hero-title .highlight{color:transparent;background-image:linear-gradient(100deg,#8cb300,#6f9410 38%,#4d6600 72%,#3d5210);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.services-page .hero-title .handle{color:transparent!important;-webkit-text-stroke:1.5px var(--accent);-webkit-text-fill-color:transparent;font-family:Syne,sans-serif}.services-page .hero-subtitle{max-width:520px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:40px;font-weight:300;animation:sFadeUp .6s ease .2s both}@keyframes sFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.services-page .section-wrap{padding:80px 48px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.services-page .section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px}.services-page .section-header.section-header--center{display:block;text-align:center;margin-bottom:56px}.services-page .section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;background:var(--tag-bg);border:1px solid var(--tag-border);padding:4px 12px;border-radius:100px}.services-page .section-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.services-page .section-heading{font-family:Syne,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-3px;color:var(--text);line-height:1;margin:0}.services-page .section-heading em{font-style:normal;color:var(--accent)}.services-page .section-title{font-family:Syne,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.services-page .section-title:before{content:"";width:24px;height:1px;background:var(--accent)}.services-page .services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.services-page .service-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s;display:flex;flex-direction:column;position:relative}.services-page .service-card:hover{border-color:rgba(212,255,0,.3);transform:translateY(-4px)}body:not(.dark) .services-page .service-card:hover{border-color:rgba(140,179,0,.35);box-shadow:0 12px 40px rgba(0,0,0,.08)}.services-page .service-card.featured{grid-column:span 2;flex-direction:row}.services-page .card-visual{position:relative;overflow:hidden;background:var(--surface2)}.services-page .service-card:not(.featured) .card-visual{height:180px}.services-page .service-card.featured .card-visual{width:42%;flex-shrink:0}.services-page .visual-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:180px;position:relative;overflow:hidden;padding:24px}.services-page .visual-inner.green{background:var(--accent)}.services-page .visual-inner.dark{background:#0d0d18}body:not(.dark) .services-page .visual-inner.dark{background:#1a1a2e}.services-page .visual-inner.violet{background:#160d2e}body:not(.dark) .services-page .visual-inner.violet{background:#2d1a5e}.services-page .visual-number{position:absolute;bottom:-8px;right:8px;font-family:Syne,sans-serif;font-size:80px;font-weight:800;color:hsla(0,0%,100%,.05);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body:not(.dark) .services-page .visual-number{color:hsla(0,0%,100%,.07)}.services-page .visual-inner.green .visual-number{color:rgba(0,0,0,.08)}.services-page .vis-icon{font-size:36px;position:relative;z-index:1}.services-page .vis-label{font-family:Syne,sans-serif;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:1}.services-page .visual-inner.green .vis-label{color:rgba(0,0,0,.6)}.services-page .visual-inner.dark .vis-label{color:var(--accent)}.services-page .visual-inner.violet .vis-label{color:#a78bfa}body:not(.dark) .services-page .visual-inner.violet .vis-label{color:#c4b5fd}.services-page .badge-float{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;font-family:DM Mono,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.services-page .card-body{padding:22px;flex:1 1;display:flex;flex-direction:column;gap:10px}.services-page .service-card.featured .card-body{padding:32px 28px;justify-content:center}.services-page .card-tag{display:inline-flex;align-items:center;gap:5px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.15);color:var(--accent);padding:3px 10px;border-radius:100px;font-family:DM Mono,monospace;font-size:11px;width:-moz-fit-content;width:fit-content}.services-page .card-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.3px}.services-page .service-card.featured .card-title{font-size:26px;letter-spacing:-.6px}.services-page .card-desc{font-size:13px;color:var(--muted);line-height:1.65;font-weight:300}.services-page .bullet-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-left:0}.services-page .bullet-list li{font-size:12.5px;color:var(--muted);font-weight:300;display:flex;align-items:flex-start;gap:8px;margin-left:0}.services-page .bullet-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.services-page .card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.services-page .card-footer-label{font-family:DM Mono,monospace;font-size:11px;color:var(--muted)}.services-page .card-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);transition:all .2s}.services-page .service-card:hover .card-arrow{border-color:var(--accent);color:var(--accent);background:var(--tag-bg)}.services-page .divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 30%,var(--border) 70%,transparent);margin:0 48px;position:relative;z-index:2}.services-page .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:start}.services-page .plan-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:20px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.services-page .plan-card:hover{border-color:rgba(212,255,0,.25);transform:translateY(-4px)}body:not(.dark) .services-page .plan-card:hover{border-color:rgba(140,179,0,.3);box-shadow:0 12px 40px rgba(0,0,0,.08)}.services-page .plan-card.featured-plan{border-color:rgba(212,255,0,.3);background:linear-gradient(160deg,rgba(212,255,0,.05),var(--surface) 60%)}body:not(.dark) .services-page .plan-card.featured-plan{border-color:rgba(140,179,0,.35);background:linear-gradient(160deg,rgba(212,255,0,.07),var(--surface) 60%)}.services-page .plan-card.featured-plan:before{content:"MÁS POPULAR";position:absolute;top:50px;right:-56px;background:var(--accent);color:#000;font-family:Syne,sans-serif;font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 40px;transform:rotate(45deg)}.services-page .plan-badge{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;color:var(--muted);background:var(--surface2);border:1px solid var(--border);padding:4px 10px;border-radius:100px;width:-moz-fit-content;width:fit-content}.services-page .plan-badge-dot{width:6px;height:6px;border-radius:50%}.services-page .plan-name{font-family:Syne,sans-serif;font-size:clamp(1.125rem,2vw + .5rem,1.375rem);font-weight:800;letter-spacing:-.5px}.services-page .plan-desc{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300}.services-page .plan-price{display:flex;align-items:baseline;gap:6px}.services-page .price-amount{font-family:Syne,sans-serif;font-size:clamp(2rem,6vw + .75rem,2.875rem);font-weight:800;letter-spacing:-.06em;color:var(--accent)}.services-page .price-unit{font-family:DM Mono,monospace;font-size:12px;color:var(--muted)}.services-page .plan-divider{height:1px;background:var(--border)}.services-page .plan-features{list-style:none;display:flex;flex-direction:column;gap:10px;padding-left:0}.services-page .plan-features li{font-size:13px;color:var(--muted);font-weight:300;display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-left:0}.services-page .feature-check{width:16px;height:16px;border-radius:4px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.2);display:grid;place-items:center;flex-shrink:0;margin-top:1px}.services-page .feature-check svg{width:9px;height:9px;color:var(--accent)}.services-page .btn-plan{width:100%;padding:12px;border-radius:8px;cursor:pointer;font-family:Syne,sans-serif;font-weight:700;font-size:14px;letter-spacing:.3px;transition:all .2s;border:none}.services-page .btn-plan.outline{background:transparent;border:1px solid var(--border);color:var(--text)}.services-page .btn-plan.outline:hover{border-color:rgba(212,255,0,.4);color:var(--accent)}body:not(.dark) .services-page .btn-plan.outline:hover{border-color:rgba(140,179,0,.5)}.services-page .btn-plan.solid{background:var(--accent);color:#000}.services-page .btn-plan.solid:hover{opacity:.88;transform:translateY(-1px)}.services-page .cta-strip{margin:0 48px 80px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:48px 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;z-index:2}body:not(.dark) .services-page .cta-strip{box-shadow:0 4px 24px rgba(0,0,0,.05)}.services-page .cta-strip:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:var(--accent);border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none}body:not(.dark) .services-page .cta-strip:before{opacity:.12}.services-page .cta-text{position:relative;z-index:1}.services-page .cta-eyebrow{font-family:DM Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.services-page .cta-heading{font-family:Syne,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.1}.services-page .cta-sub{font-size:14px;color:var(--muted);margin-top:8px}.services-page .cta-actions{display:flex;gap:12px;position:relative;z-index:1;flex-shrink:0}.services-page .btn-ghost{padding:12px 24px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-family:Syne,sans-serif;font-weight:600;font-size:13px;transition:all .2s;white-space:nowrap}.services-page .btn-ghost:hover{border-color:rgba(212,255,0,.4);color:var(--accent)}body:not(.dark) .services-page .btn-ghost:hover{border-color:rgba(140,179,0,.4)}.services-page .btn-cta{padding:12px 28px;border-radius:8px;border:none;background:var(--accent);color:#000;cursor:pointer;font-family:Syne,sans-serif;font-weight:700;font-size:13px;transition:all .2s;white-space:nowrap}.services-page .btn-cta:hover{opacity:.88;transform:translateY(-1px)}@media (max-width:705px){.services-page .section-header{flex-direction:column}}@media (max-width:900px){.services-page .pricing-grid,.services-page .services-grid{grid-template-columns:1fr}.services-page .service-card.featured{grid-column:span 1;flex-direction:column}.services-page .service-card.featured .card-visual{width:100%;height:180px}.services-page .cta-strip{flex-direction:column;text-align:center;padding:32px 24px;margin:0 24px 60px}.services-page .section-wrap{padding:40px 24px}.services-page .divider{margin:0 24px}.services-page .hero{padding:40px 24px}}@media (max-width:425px){.services-page .cta-heading{font-size:26px}.services-page .cta-actions{flex-direction:column;width:100%;align-items:stretch}}@media (max-width:480px){.services-page .hero{padding:32px 16px 36px}.services-page .section-wrap{padding:32px 16px}.services-page .divider{margin:0 16px}}.blog-page.blog-category-page{position:relative;background-color:var(--bg)}body.dark .blog-page.blog-category-page{background-color:var(--pure-white)}.blog-page.blog-category-page .hero-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blog-page.blog-category-page .hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12;animation:srvDrift 8s ease-in-out infinite}.blog-page.blog-category-page .glow-1{background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.blog-page.blog-category-page .glow-2{background:var(--accent2);bottom:-100px;right:-50px;animation-delay:-4s}.blog-page.blog-category-page .hero-grid{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent)}body:not(.dark) .blog-page.blog-category-page .hero-grid{background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%)}.shop-page.shop-listing{position:relative;min-height:100vh;padding-top:0;overflow-x:hidden;background-color:var(--bg)}body.dark .shop-page.shop-listing{background-color:var(--pure-white)}.shop-page.shop-listing:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:var(--noise-opacity,.3);background-image:var(--noise-img)}.shop-page.shop-listing .hero-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.shop-page.shop-listing .hero-glow{position:absolute;border-radius:50%;animation:srvDrift 8s ease-in-out infinite}body.dark .shop-page.shop-listing .hero-glow{filter:blur(120px)}body.dark .shop-page.shop-listing .hero-glow.glow-1{width:600px;height:600px;background:var(--accent);opacity:.05;top:-200px;left:-100px;animation-delay:0s}body.dark .shop-page.shop-listing .hero-glow.glow-2{width:500px;height:500px;background:var(--accent2);opacity:.08;bottom:-100px;right:-80px;animation-delay:-4s}body.dark .shop-page.shop-listing .hero-glow.glow-3{width:300px;height:300px;background:var(--accent2);opacity:.04;top:40%;left:50%;animation-delay:-2s}body.dark .shop-page.shop-listing .hero-grid{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:60px 60px}body:not(.dark) .shop-page.shop-listing .hero-glow{filter:blur(110px);animation-duration:9s}body:not(.dark) .shop-page.shop-listing .hero-glow.glow-1{width:500px;height:500px;background:var(--accent-bright);opacity:.38;top:-120px;left:-80px;animation-delay:0s}body:not(.dark) .shop-page.shop-listing .hero-glow.glow-2{width:380px;height:380px;background:#c4b5fd;opacity:.22;bottom:-80px;right:-60px;animation-delay:-4.5s}body:not(.dark) .shop-page.shop-listing .hero-glow.glow-3{width:280px;height:280px;background:var(--accent-bright);opacity:.13;top:50%;left:55%;animation-delay:-2s}body:not(.dark) .shop-page.shop-listing .hero-grid{position:fixed;inset:0;background-image:radial-gradient(circle,rgba(77,102,0,.055) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%)}#site-wrapper{width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}@media (max-width:770px){#site-wrapper{width:100vw}}.home-page{font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden;background-color:var(--bg);padding-top:64px}body:not(.dark) .home-page .divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 30%,var(--border) 70%,transparent);margin:0 clamp(16px,4vw,48px)}.home-page .section-wrap{padding:80px clamp(16px,4vw,20px);max-width:1200px;margin:0 auto;box-sizing:border-box}.home-page .section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px}@media (max-width:705px){.home-page .section-header{flex-direction:column}}.home-page .hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:48px;gap:48px;max-width:1200px;margin:0 auto;position:relative;background:transparent}.home-page .hero-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.home-page .hero-grid{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent)}body:not(.dark) .home-page .hero-grid{background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%)}.home-page .glow-1{opacity:.12;top:-100px;left:-100px}.home-page .glow-2{opacity:.12;bottom:-100px;right:-50px}.home-page .glow-3{width:320px;height:320px;background:var(--accent2);opacity:.12;top:42%;left:52%;animation-delay:-2s}body:not(.dark) .home-page .glow-1{background:var(--accent);opacity:.12;top:-100px;left:-100px;width:600px;height:600px}body:not(.dark) .home-page .glow-2{background:var(--accent2);opacity:.12;width:600px;height:600px;bottom:-100px;right:-50px}body:not(.dark) .home-page .glow-3{background:var(--accent2);opacity:.12;width:320px;height:320px;top:42%;left:52%}.home-page .hero-left,.home-page .hero-right,.home-page .hero-stats-bar{position:relative;z-index:2}.home-page{--tg-html:#e34c26;--tg-css:#264de4;--tg-js:#f0db4f;--tg-react:rgba(97,218,251,.13);--tg-nxt:#000;--tg-node:rgba(60,135,58,.13);--tg-mongo:rgba(71,162,72,.13);--tg-my:rgba(204,57,57,.13);--tg-pg:rgba(51,103,145,.13);--tg-git:rgba(228,77,38,.13);--tg-gh:hsla(0,0%,9%,.13)}body:not(.dark) .home-page{--tg-html:#fde8e2;--tg-css:#e2e8fd;--tg-js:#fdf9e2;--tg-react:#e2f7fd;--tg-nxt:#ececec;--tg-node:#e8f5e8;--tg-mongo:#e8f5e8;--tg-my:#fde8e8;--tg-pg:#e8eef5;--tg-git:#fde8e2;--tg-gh:#ececec}.home-page .stack-header{text-align:center;margin-bottom:48px}.home-page .stack-heading{font-family:Syne,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px;color:var(--text)}.home-page .stack-heading span{color:var(--accent)}.home-page .stack-sub{color:var(--muted);font-size:14px;font-weight:300}.home-page .stack-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:12px;gap:12px}.home-page .tech-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.home-page .tech-card:hover{border-color:rgba(212,255,0,.25);transform:translateY(-3px)}body:not(.dark) .home-page .tech-card{box-shadow:0 1px 6px rgba(0,0,0,.04)}body:not(.dark) .home-page .tech-card:hover{border-color:rgba(77,102,0,.25);box-shadow:0 6px 20px rgba(0,0,0,.08)}.home-page .tech-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0}.home-page .tech-svg{width:100%;height:100%;object-fit:contain}.home-page .tech-name{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}body:not(.dark) body:not(.dark) body:not(.dark) .home-page .hero-left{position:relative;z-index:2;animation:srvFadeUp .7s ease both}.home-page .hero-greeting{font-family:DM Mono,monospace;font-size:13px;color:var(--muted);letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.home-page .hero-greeting:before{content:"";width:20px;height:1px;background:var(--accent)}.home-page .hero-name{font-family:Syne,sans-serif;font-size:clamp(2rem,4vw + .75rem,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin-bottom:20px}.home-page .hero-name .line1{display:block;color:var(--text)}.home-page .hero-name .line2,.home-page .hero-name .line3{display:block;color:var(--accent)}body.dark .home-page .hero-name .line3{-webkit-text-stroke:0}.home-page .hero-desc{max-width:420px;color:var(--muted);font-size:14px;line-height:1.75;font-weight:300;margin-bottom:32px}.home-page .hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:40px}.home-page .btn-primary{background:var(--accent);color:#fff;border:none;padding:11px 24px;border-radius:8px;font-family:Syne,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:opacity .2s,transform .2s;letter-spacing:.3px;text-decoration:none}body.dark .home-page .btn-primary{color:#000}.home-page .btn-primary:hover{opacity:.88;transform:translateY(-1px)}.home-page .hero-socials{display:flex;gap:10px}.home-page .soc{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:grid;place-items:center;text-decoration:none;transition:border-color .2s,color .2s;box-shadow:0 1px 4px rgba(0,0,0,.06)}.home-page .soc:hover{border-color:rgba(212,255,0,.3);color:var(--accent)}body:not(.dark) .home-page .soc:hover{border-color:rgba(77,102,0,.3)}.home-page .hero-right{position:relative;z-index:2;display:flex;justify-content:center;animation:srvFadeUp .7s ease .15s both}.home-page .avatar-wrap{position:relative;width:320px;height:380px}.home-page .avatar-bg{position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,var(--accent2) 0,#0d0d18 60%);opacity:.7}body:not(.dark) .home-page .avatar-bg{background:linear-gradient(135deg,var(--accent-bright) 0,#dde8b0 60%);opacity:.6}.home-page .avatar-card{position:absolute;inset:8px;border-radius:18px;background:var(--surface);border:1px solid var(--border);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.08)}.home-page .avatar-card img{width:100%;height:100%;object-fit:cover}.home-page .avatar-tag{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:8px}body:not(.dark) .home-page .avatar-tag{background:hsla(0,0%,100%,.9);border-color:var(--border);box-shadow:0 4px 16px rgba(0,0,0,.08)}.home-page .avatar-tag-title{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:var(--text)}.home-page .avatar-tag-sub{font-family:DM Mono,monospace;font-size:10px;color:var(--accent);margin-top:2px}.home-page .hero-badge{position:absolute;top:-16px;right:-16px;background:var(--accent);color:#fff;border-radius:12px;padding:10px 16px;font-family:Syne,sans-serif;font-weight:800;font-size:12px;letter-spacing:.5px;transform:rotate(6deg);z-index:10}body.dark .home-page .hero-badge{color:#000}@media (max-width:389px){.home-page .hero-badge{right:-7px}}.home-page .hero-stats-bar{grid-column:1/-1;display:flex;gap:0;position:relative;z-index:2;border-top:1px solid var(--border);padding-top:40px;animation:srvFadeUp .7s ease .3s both}.home-page .stat-item{flex:1 1;display:flex;flex-direction:column;gap:4px;padding-right:32px;border-right:1px solid var(--border)}.home-page .stat-item:last-child{border-right:none;padding-right:0;padding-left:32px}.home-page .stat-item:not(:first-child):not(:last-child){padding:0 32px}.home-page .stat-num{font-family:Syne,sans-serif;font-size:32px;font-weight:800;color:var(--accent);letter-spacing:-1px;display:flex;align-items:baseline;gap:2px}.home-page .stat-num sup{font-size:16px}.home-page .stat-label{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.home-page .value-header{text-align:center;margin-bottom:48px}.home-page .value-heading{font-family:Syne,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px;color:var(--text)}.home-page .value-heading span{color:var(--accent)}.home-page .value-sub{color:var(--muted);font-size:14px;font-weight:300}.home-page .value-list{display:flex;flex-direction:column;gap:2px}.home-page .value-row{display:grid;grid-template-columns:220px 1fr 32px;align-items:center;grid-gap:24px;gap:24px;padding:18px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .25s}.home-page .value-row.active,.home-page .value-row:hover{background:var(--surface);border-color:var(--border)}body:not(.dark) .home-page .value-row.active,body:not(.dark) .home-page .value-row:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}.home-page .value-row.active{border-color:rgba(212,255,0,.2)}body:not(.dark) .home-page .value-row.active{border-color:rgba(77,102,0,.2)}.home-page .value-num{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);margin-right:12px}.home-page .value-name{font-family:Syne,sans-serif;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.home-page .value-row.active .value-name{color:var(--accent)}.home-page .value-desc{font-size:13px;color:var(--muted);font-weight:300;line-height:1.5}.home-page .value-arrow{color:var(--muted);transition:color .2s}.home-page .value-row.active .value-arrow,.home-page .value-row:hover .value-arrow{color:var(--accent)}.home-page .projects-header{text-align:center;margin-bottom:16px}.home-page .projects-heading{font-family:Syne,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px;color:var(--text)}.home-page .projects-heading span{color:var(--accent)}.home-page .projects-sub{color:var(--muted);font-size:14px;font-weight:300;margin-bottom:32px}.home-page .projects-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.home-page .filter-btn{padding:7px 18px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.5px}body:not(.dark) .home-page .filter-btn{background:var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.04)}body.dark .home-page .filter-btn:hover:not(:disabled){border-color:rgba(212,255,0,.2);color:var(--text);background:var(--tag-bg);transform:translateY(-2px)}body:not(.dark) .home-page .filter-btn:hover:not(:disabled){border-color:rgba(77,102,0,.25);color:var(--accent);background:var(--tag-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.home-page .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}body:not(.dark) .home-page .filter-btn.active{background-color:var(--accent);color:var(--surface);box-shadow:0 4px 14px rgba(77,102,0,.25)}.home-page .filter-btn.active:hover{transform:none;border-color:var(--accent);color:#000;background:var(--accent);box-shadow:none}body:not(.dark) .home-page .filter-btn.active:hover{background-color:var(--accent);color:var(--surface);box-shadow:0 4px 14px rgba(77,102,0,.25)}.home-page .projects-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.home-page .project-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s,box-shadow .3s;text-decoration:none;display:flex;flex-direction:column}.home-page .project-card:hover{border-color:rgba(212,255,0,.25);transform:translateY(-3px)}body:not(.dark) .home-page .project-card:hover{border-color:rgba(77,102,0,.25);box-shadow:0 8px 32px rgba(0,0,0,.1)}.home-page .project-thumb{height:220px;position:relative;overflow:hidden;background:#000}.home-page .project-thumb-inner{width:100%;height:100%;object-fit:cover}.home-page .project-tags{position:absolute;top:12px;left:12px;display:flex;gap:6px}.home-page .ptag{background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;font-family:DM Mono,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase}body:not(.dark) .home-page .ptag{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);color:#333}.home-page .project-body{padding:20px}.home-page .project-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px;color:var(--text)}.home-page .project-desc{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300}.home-page .two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px}.home-page .col-heading{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:28px;display:flex;align-items:center;gap:10px;color:var(--text)}.home-page .col-heading-icon{font-size:20px}.home-page .timeline{display:flex;flex-direction:column;gap:4px}.home-page .tl-item{padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:border-color .25s,box-shadow .25s}.home-page .tl-item:hover{border-color:rgba(212,255,0,.2)}body:not(.dark) .home-page .tl-item:hover{border-color:rgba(77,102,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.07)}.home-page .tl-date{font-family:DM Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.5px;margin-bottom:4px}.home-page .tl-company{font-family:Syne,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--text)}.home-page .tl-role{font-size:12px;color:var(--muted);margin-top:2px;font-weight:300}.home-page .stack-icon-bg{border-radius:6px}.home-page .blogs-header{text-align:center;margin-bottom:48px}.home-page .blogs-heading{font-family:Syne,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px;color:var(--text)}.home-page .blogs-heading span{color:var(--accent)}.home-page .blogs-sub{color:var(--muted);font-size:14px;font-weight:300}.home-page .blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.home-page .blog-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s,box-shadow .3s;text-decoration:none;display:flex;flex-direction:column}.home-page .blog-card:hover{border-color:rgba(212,255,0,.25);transform:translateY(-3px)}body:not(.dark) .home-page .blog-card:hover{border-color:rgba(77,102,0,.25);box-shadow:0 8px 28px rgba(0,0,0,.09)}.home-page .blog-thumb{height:160px;position:relative;overflow:hidden;background:#000}.home-page .blog-thumb-inner{width:100%;height:100%;object-fit:cover}.home-page .blog-thumb-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:10px;padding:2px 7px;border-radius:4px;font-family:DM Mono,monospace;z-index:10;text-transform:uppercase}body:not(.dark) .home-page .blog-thumb-badge{background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.15)}.home-page .blog-body{padding:16px;flex:1 1;display:flex;flex-direction:column}.home-page .blog-tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.15);color:var(--accent);padding:2px 8px;border-radius:100px;font-family:DM Mono,monospace;font-size:10px;margin-bottom:8px;align-self:flex-start;text-transform:uppercase}body:not(.dark) .home-page .blog-tag{border-color:var(--tag-border)}.home-page .blog-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.2px;color:var(--text);flex:1 1}.home-page .blog-author{display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.home-page .avatar-sm{width:20px;height:20px;border-radius:50%;background:var(--accent2);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:9px;font-weight:800;color:#fff;flex-shrink:0}body:not(.dark) .home-page .avatar-sm{background:var(--accent)}.home-page .author-nm{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}@media (max-width:900px){.home-page .hero{padding-top:60px}.home-page .hero,.home-page .two-col{grid-template-columns:1fr}.home-page .stack-grid{grid-template-columns:repeat(4,1fr)}.home-page .blogs-grid,.home-page .projects-grid{grid-template-columns:1fr}.home-page .hero-stats-bar{flex-wrap:wrap;gap:20px}.home-page .stat-item{padding:0!important;border:none}.home-page .value-row{grid-template-columns:1fr;text-align:center;gap:8px}.home-page .value-desc{text-align:start;padding-left:32px}.home-page .value-arrow{display:none}}@media (max-width:500px){.home-page .stack-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.home-page .stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:450px){.home-page .avatar-wrap{width:260px;height:310px}.home-page .hero-actions{flex-direction:column;align-items:stretch}}@media (max-width:600px){.blog-page .hero-content,.blogs-page .hero-content{padding-left:20px;padding-right:20px}}:root{--warn:#ffb86c;--mono:"DM Mono",monospace;--display:"Syne",sans-serif;--radius:12px}.section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:2.5rem}@media (max-width:705px){.section-header{flex-direction:column}}.section-num{font-size:.7rem;color:var(--accent);letter-spacing:.1em;font-family:var(--mono)}.section-title{font-family:var(--display);font-weight:800;font-size:1.8rem;letter-spacing:-.02em;color:var(--text)}.section-title span{color:var(--accent)}.section-line{flex:1 1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.section-label{color:var(--muted);letter-spacing:.12em;margin-bottom:1.2rem}.badge,.section-label{font-size:.65rem;text-transform:uppercase;font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:5px;letter-spacing:.06em;padding:3px 9px;border-radius:100px}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-live{color:var(--accent);background:rgba(212,255,0,.08);border:.5px solid rgba(212,255,0,.25)}.badge-live .badge-dot{background:var(--accent);animation:blink 2s infinite}.badge-wip{color:var(--warn);background:rgba(255,184,108,.08);border:.5px solid rgba(255,184,108,.25)}.badge-wip .badge-dot{background:var(--warn)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tag{display:inline-block;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;color:var(--muted);border-radius:4px;font-family:var(--mono);transition:color .2s,border-color .2s;border:.5px solid hsla(0,0%,100%,.1)}.tag-accent{color:var(--accent);border-color:rgba(212,255,0,.3);background:rgba(212,255,0,.05)}.tag-blue{color:var(--accent3);border-color:rgba(116,192,252,.3)}.tag-red{color:var(--accent2);border-color:rgba(255,107,53,.3)}.link-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:var(--muted);background:transparent;border:.5px solid hsla(0,0%,100%,.1);padding:5px 12px;border-radius:6px;transition:color .15s,border-color .15s,background .15s;cursor:pointer}.link-btn:hover{color:var(--text);border-color:rgba(212,255,0,.4);background:rgba(212,255,0,.05)}.link-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.browser-mock{width:80%;max-width:320px;border-radius:6px;overflow:hidden;border:.5px solid hsla(0,0%,100%,.08);box-shadow:0 12px 36px rgba(0,0,0,.4);background:#111118}.browser-bar{height:22px;background:#18181f;border-bottom:.5px solid hsla(0,0%,100%,.06);display:flex;align-items:center;gap:5px;padding:0 10px;flex-shrink:0}.browser-dot{width:6px;height:6px;border-radius:50%}.browser-dot:first-child{background:#fc5f57}.browser-dot:nth-child(2){background:#fdbb2e}.browser-dot:nth-child(3){background:#27c840}.browser-body{padding:0;display:flex;flex-direction:column}.browser-body img{width:100%;height:auto;object-fit:cover}.project-card-h{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:border-color .25s,transform .25s,box-shadow .25s;margin-bottom:1.5rem}.project-card-h:hover{border-color:rgba(212,255,0,.3);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px rgba(212,255,0,.08)}.card-preview-h{position:relative;background:#0d0d15;display:flex;align-items:center;justify-content:center;min-height:280px;overflow:hidden;border-right:1px solid var(--border)}.card-preview-h:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--preview-accent,var(--accent))}.card-content-h{padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.9rem}.card-meta-h{display:flex;align-items:center;justify-content:space-between}.card-num{font-family:var(--mono);font-size:.65rem;color:var(--muted);letter-spacing:.08em}.card-title-h{font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.card-desc-h{font-size:.8rem;color:var(--muted);line-height:1.75}.card-tags-h{display:flex;flex-wrap:wrap;gap:5px}.card-footer-h{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.card-links-h{display:flex;gap:7px}.card-year{font-family:var(--mono);font-size:.65rem;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem}.project-card-v{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:border-color .25s,transform .25s,box-shadow .25s}.project-card-v:hover{border-color:rgba(212,255,0,.25);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px rgba(212,255,0,.06)}.card-preview-v{position:relative;height:180px;background:#0d0d15;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.card-preview-v:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--preview-accent,var(--accent))}.preview-badge{position:absolute;top:12px;right:12px;z-index:2}.card-content-v{padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.65rem;flex:1 1}.card-meta-v{display:flex;align-items:center;justify-content:space-between}.card-title-v{font-family:var(--display);font-weight:800;font-size:1rem;letter-spacing:-.01em;color:var(--text);line-height:1.3}.card-desc-v{font-size:.75rem;color:var(--muted);line-height:1.75;flex:1 1}.card-tags-v{display:flex;flex-wrap:wrap;gap:5px}.card-footer-v{padding-top:.9rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.card-links-v{display:flex;gap:6px}@media (max-width:680px){.project-card-h{grid-template-columns:1fr}.card-preview-h{border-right:none;border-bottom:1px solid var(--border);min-height:180px}.card-content-h{padding:1.5rem 1.25rem}}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 48px 80px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12;animation:drift 8s ease-in-out infinite}.glow-1{background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.glow-2{background:var(--accent2);bottom:-100px;right:-50px;animation-delay:-4s}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.05)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent)}@media (max-width:960px){.hero{padding:120px 24px 80px}}body:not(.dark) .hero-grid{background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%)}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%}.hero-label{display:inline-flex;align-items:center;gap:8px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.2);color:var(--accent);padding:6px 14px;border-radius:100px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.5px;margin-bottom:28px;animation:fadeUp .6s ease both}.hero-label:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:Syne,sans-serif;font-size:clamp(2.75rem,5.5vw + 1rem,6rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin-bottom:24px;color:var(--text);animation:fadeUp .6s ease .1s both}.hero-title .highlight{color:var(--accent);display:inline-block}body:not(.dark) .hero-title .highlight{color:transparent;background-image:linear-gradient(100deg,#8cb300,#6f9410 38%,#4d6600 72%,#3d5210);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title .handle{color:transparent!important;-webkit-text-stroke:1.5px var(--accent);-webkit-text-fill-color:transparent;font-family:Syne,sans-serif}.hero-subtitle{max-width:520px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:40px;font-weight:300;animation:fadeUp .6s ease .2s both}.hero-search{display:flex;gap:12px;max-width:480px;animation:fadeUp .6s ease .3s both}.search-wrap{flex:1 1;position:relative}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px 12px 42px;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .2s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:rgba(212,255,0,.4)}.btn-search{background:var(--accent);color:#000;border:none;padding:12px 24px;border-radius:8px;font-family:Syne,sans-serif;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .2s}.btn-search:hover{opacity:.88;transform:translateY(-1px)}.hero-stats{display:flex;gap:40px;margin-top:56px;animation:fadeUp .6s ease .4s both}.stat{display:flex;flex-direction:column;gap:2px}.stat-num{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--accent);letter-spacing:-1px}.stat-label{font-size:12px;color:var(--muted);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.blogs-content-section{padding:20px 0 80px;max-width:1200px;margin:0 auto}.section-header-blogs{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:36px}@media (max-width:705px){.section-header-blogs{flex-direction:column}}@media (max-width:430px){.hero-title{font-size:2rem}}@media (max-width:470px){.btn-search{display:none}}.section-title-blogs{font-family:Syne,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.section-title-blogs:before{content:"";width:24px;height:1px;background:var(--accent)}.see-all{font-family:DM Mono,monospace;font-size:12px;color:var(--accent);text-decoration:none;letter-spacing:.3px;transition:opacity .2s}.see-all:hover{opacity:.7}.featured-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;grid-gap:16px;gap:16px}.featured-card-blog{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s;display:flex;flex-direction:column;position:relative}.featured-card-blog:first-child{grid-column:1/3;grid-row:1/3;flex-direction:row}.featured-card-blog:hover{border-color:rgba(212,255,0,.3);transform:translateY(-3px)}.card-thumbnail{background:var(--surface2);overflow:hidden;position:relative}.featured-card-blog:first-child .card-thumbnail{width:55%;flex-shrink:0;min-height:280px}.featured-card-blog:not(:first-child) .card-thumbnail{height:160px}.blog-card img,.featured-card-blog img{width:100%;height:100%;object-fit:cover}.thumb-bracket{font-size:.6em;opacity:.3;font-family:DM Mono,monospace}.thumb-tag-float{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.15);color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;font-family:DM Mono,monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-body{padding:20px;flex:1 1;display:flex;flex-direction:column;gap:8px}.featured-card-blog:first-child .card-body{padding:28px 24px;justify-content:center}.card-tag{display:inline-flex;align-items:center;gap:5px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.15);color:var(--accent);padding:3px 10px;border-radius:100px;font-family:DM Mono,monospace;font-size:11px;width:-moz-fit-content;width:fit-content}.card-title-blog{font-family:Syne,sans-serif;font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.3px}.featured-card-blog:first-child .card-title-blog{font-size:26px;letter-spacing:-.6px}.card-desc{font-size:13px;color:var(--muted);line-height:1.6;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author{gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.avatar,.card-author{display:flex;align-items:center}.avatar{width:24px;height:24px;background:var(--accent2);border-radius:50%;justify-content:center;font-family:Syne,sans-serif;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.author-name{font-size:12px;color:var(--muted);font-family:DM Mono,monospace}.tags-scroll{display:flex;gap:12px;flex-wrap:wrap}.tag-pill{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 20px;cursor:pointer;transition:border-color .2s,background .2s;text-decoration:none}.tag-pill:hover{border-color:rgba(212,255,0,.3);background:var(--surface2)}.tag-dot{width:8px;height:8px;border-radius:50%}.tag-name{font-family:Syne,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s}.blog-card:hover{border-color:rgba(212,255,0,.25);transform:translateY(-3px)}.blog-thumb{height:180px;position:relative;overflow:hidden}.blog-body{padding:18px;display:flex;flex-direction:column;gap:8px}.blog-title-inner{font-family:Syne,sans-serif;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.2px}.blog-desc{font-size:12.5px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 30%,var(--border) 70%,transparent);margin:40px 0}@media (max-width:900px){.featured-grid{grid-template-columns:1fr}.featured-card-blog:first-child{grid-column:1;grid-row:1;flex-direction:column}.featured-card-blog:first-child .card-thumbnail{width:100%;min-height:200px}.recent-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.recent-grid{grid-template-columns:1fr}}.contact-page{color-scheme:light;--bg:#f5f5f0;--surface:#fff;--surface2:#ebebeb;--border:rgba(0,0,0,.08);--border-focus:rgba(110,150,0,.4);--accent:#8cb300;--accent-bright:#d4ff00;--accent2:#7c3aed;--accent3:#ff6b35;--text:#0f0f14;--muted:#8f8f9f;--muted2:#6a6a7a;--tag-bg:rgba(140,179,0,.09);--tag-border:rgba(140,179,0,.2);--input-bg:rgba(0,0,0,.025);--input-bg-focus:rgba(110,150,0,.04);position:relative;padding-top:0!important;padding-bottom:0!important;background:transparent!important}body.dark .contact-page{color-scheme:dark;--bg:#0a0a0f;--surface:#111118;--surface2:#18181f;--border:hsla(0,0%,100%,.07);--border-focus:rgba(212,255,0,.35);--accent:#d4ff00;--accent2:#7c3aed;--accent3:#ff6b35;--text:#f0f0f5;--muted:#6b6b80;--muted2:#9595aa;--tag-bg:rgba(212,255,0,.08);--input-bg:hsla(0,0%,100%,.03);--input-bg-focus:rgba(212,255,0,.04)}.contact-page .hero-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.contact-page .hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12;animation:srvDrift 8s ease-in-out infinite}.contact-page .glow-1{background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.contact-page .glow-2{background:var(--accent2);bottom:-100px;right:-50px;animation-delay:-4s}.contact-page .hero-grid{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent)}body:not(.dark) .contact-page .hero-grid{background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 40% 50%,#000 40%,transparent 100%)}.contact-page .page-wrap{position:relative;z-index:10;width:100%;max-width:1140px;margin:100px auto 80px;display:block;border-radius:24px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 80px rgba(0,0,0,.1),0 4px 20px rgba(0,0,0,.06);animation:fadeUp .7s ease both}.contact-page .contact-layout{display:grid;grid-template-columns:380px minmax(0,1fr);grid-gap:0;gap:0;min-width:0;width:100%}body.dark .contact-page .page-wrap{box-shadow:0 40px 120px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.04)}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.contact-page .left-panel{background:var(--surface2);border-right:1px solid var(--border);padding:56px 44px;display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden}.contact-page .left-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 60% at 10% 0,rgba(212,255,0,.06) 0,transparent 60%),radial-gradient(ellipse 80% 50% at 90% 100%,rgba(26,108,245,.12) 0,transparent 60%);pointer-events:none}body:not(.dark) .contact-page .left-panel:before{background:radial-gradient(ellipse 120% 60% at 10% 0,rgba(198,232,48,.2) 0,transparent 60%),radial-gradient(ellipse 80% 50% at 90% 100%,rgba(26,108,245,.06) 0,transparent 60%)}.contact-page .left-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-bright),var(--accent2),transparent)}.contact-page .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--tag-bg);border:1px solid rgba(212,255,0,.18);color:var(--accent);padding:5px 12px;border-radius:100px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.5px;margin-bottom:28px;width:-moz-fit-content;width:fit-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:none}body:not(.dark) .contact-page .eyebrow{background:hsla(0,0%,100%,.6);border-color:rgba(130,160,0,.25);color:#4d6600}.contact-page .eyebrow:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}.contact-page .panel-heading{font-family:Syne,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.contact-page .panel-title{font-family:Syne,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;color:var(--text)}.contact-page .panel-title .hi{color:var(--accent)}.contact-page .panel-title .hi2{color:transparent;-webkit-text-stroke:1.5px var(--accent2)}.contact-page .panel-desc{font-size:14px;color:var(--muted2);line-height:1.7;font-weight:300;margin-bottom:40px}.contact-page .panel-divider{width:40px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin-bottom:32px}.contact-page .contact-links{display:flex;flex-direction:column;gap:20px;flex:1 1}.contact-page .contact-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);padding:14px 16px;border-radius:12px;border:1px solid transparent;background:hsla(0,0%,100%,.02);transition:all .25s;position:relative;overflow:hidden}body:not(.dark) .contact-page .contact-link{background:hsla(0,0%,100%,.5)}.contact-page .contact-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);border-radius:0 2px 2px 0;transform:scaleY(0);transition:transform .25s}.contact-page .contact-link:hover{background:rgba(212,255,0,.04);border-color:rgba(212,255,0,.12)}body:not(.dark) .contact-page .contact-link:hover{background:hsla(0,0%,100%,.85);border-color:rgba(110,150,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.06)}.contact-page .contact-link:hover:before{transform:scaleY(1)}.contact-page .link-icon{width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.contact-page .link-icon svg{width:16px;height:16px}.contact-page .link-info{display:flex;flex-direction:column}.contact-page .link-label{font-size:11px;color:var(--muted);font-family:DM Mono,monospace;letter-spacing:.5px;text-transform:uppercase}.contact-page .link-value{font-size:14px;color:var(--text);font-weight:400;transition:color .2s}.contact-page .contact-link:hover .link-value{color:var(--accent)}.contact-page .panel-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.contact-page .panel-footer p{font-size:12px;color:var(--muted);line-height:1.7;font-family:DM Mono,monospace}.contact-page .panel-footer span{color:var(--accent)}.contact-page .right-panel{padding:56px 52px;display:flex;flex-direction:column;gap:36px;position:relative;background:var(--surface);min-width:0}body:not(.dark) .contact-page .right-panel{background:#fff}.contact-page .contact-form{display:flex;flex-direction:column;gap:36px;width:100%;min-width:0}.contact-page .right-panel:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,rgba(26,108,245,.12),transparent 70%);pointer-events:none}.contact-page .form-section{display:flex;flex-direction:column;gap:20px}@media (min-width:1025px){.contact-page .form-section{animation:fadeUp .6s ease both}.contact-page .form-section:first-child{animation-delay:.2s}.contact-page .form-section:nth-child(2){animation-delay:.3s}.contact-page .form-section:nth-child(3){animation-delay:.4s}.contact-page .form-section:nth-child(4){animation-delay:.5s}.contact-page .form-section:nth-child(5){animation-delay:.6s}}@media (prefers-reduced-motion:reduce){.contact-page .form-section,.contact-page .page-wrap{animation:none!important;opacity:1!important;transform:none!important}}.contact-page .section-label{font-family:Syne,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--border)}.contact-page .section-label:before{content:"";width:18px;height:1px;background:var(--accent)}.contact-page .input-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.contact-page .input-row.two{grid-template-columns:repeat(2,1fr)}.contact-page .input-row.two-one{grid-template-columns:1fr 1fr 1.4fr}.contact-page .field-wrap{display:flex;flex-direction:column;gap:0;position:relative}.contact-page .field-wrap input,.contact-page .field-wrap select,.contact-page .field-wrap textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:all .25s;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.contact-page .field-wrap input::placeholder,.contact-page .field-wrap textarea::placeholder{color:var(--muted)}.contact-page .field-wrap select{background-color:var(--input-bg);background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}body.dark .contact-page .field-wrap select{color-scheme:dark;background-color:var(--input-bg)}.contact-page .field-wrap select option{background-color:var(--surface);color:var(--text)}body.dark .contact-page .field-wrap select option{background-color:#18181f;color:#f0f0f5}.contact-page .field-wrap input:focus,.contact-page .field-wrap select:focus,.contact-page .field-wrap textarea:focus{border-color:var(--border-focus);background:var(--input-bg-focus);box-shadow:0 0 0 3px rgba(212,255,0,.06)}.contact-page .field-wrap textarea{resize:none;height:130px;line-height:1.6}.contact-page .check-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.contact-page .check-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:0}.contact-page .check-item input[type=checkbox]{display:none}.contact-page .check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--muted);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.contact-page .check-box:after{content:"";width:5px;height:8px;border-right:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:rotate(45deg) scale(0) translate(-1px,-1px);transition:transform .15s}.contact-page .check-item input:checked~.check-box{background:var(--accent);border-color:var(--accent)}.contact-page .check-item input:checked~.check-box:after{transform:rotate(45deg) scale(1) translate(-1px,-1px)}.contact-page .check-label{font-size:13px;color:var(--muted2);transition:color .2s;line-height:1.3;min-width:0;word-break:break-word}.contact-page .check-item input:checked~.check-label{color:var(--text)}.contact-page .radio-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.contact-page .radio-item{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:13px 12px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;min-width:0}.contact-page .radio-item input[type=radio]{display:none}.contact-page .radio-circle{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);flex-shrink:0;position:relative;transition:all .2s}.contact-page .radio-circle:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .15s}.contact-page .radio-item input:checked~.radio-circle{border-color:var(--accent);background:var(--accent)}.contact-page .radio-item input:checked~.radio-circle:after{transform:scale(1)}.contact-page .radio-label{font-size:13px;color:var(--muted2);transition:color .2s;min-width:0;word-break:break-word}.contact-page .radio-item input:checked~.radio-label{color:var(--text)}.contact-page .submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.contact-page .submit-note{font-size:12px;color:var(--muted);font-family:DM Mono,monospace;display:flex;align-items:center;gap:6px}.contact-page .submit-note:before{content:"✦";color:var(--accent);font-size:10px}.contact-page .btn-submit{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--bg);border:none;border-radius:10px;padding:14px 32px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.contact-page .btn-submit:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.15);transform:translateX(-100%) skewX(-15deg);transition:transform .4s}.contact-page .btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,255,0,.25)}.contact-page .btn-submit:hover:before{transform:translateX(120%) skewX(-15deg)}.contact-page .btn-submit:active{transform:translateY(0)}.contact-page .btn-submit svg{width:16px;height:16px}.contact-page .form-message{margin-top:10px;font-size:12px;color:var(--muted2);font-family:DM Mono,monospace;min-height:16px}@media (max-width:1024px){.contact-page .page-wrap{width:calc(100% - 32px);max-width:min(1140px,100% - 32px);margin:100px auto 56px;border-radius:20px;overflow:hidden}.contact-page .contact-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.contact-page .left-panel{flex:0 0 auto;width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border);padding:40px 28px}.contact-page .contact-links{flex:0 0 auto}.contact-page .right-panel{flex:0 0 auto;width:100%;min-width:0;padding:36px 28px;overflow-x:hidden;opacity:1;visibility:visible}.contact-page .contact-form{gap:28px}.contact-page .form-section{animation:none!important;opacity:1!important;transform:none!important}.contact-page .input-row,.contact-page .input-row.two-one{grid-template-columns:1fr}.contact-page .check-grid,.contact-page .radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page .submit-row{flex-direction:column;align-items:stretch;gap:14px}.contact-page .btn-submit{width:100%;justify-content:center}}@media (max-width:900px){.contact-page .page-wrap{margin:88px auto 48px}}@media (max-width:640px){.contact-page .page-wrap{width:calc(100% - 20px);max-width:100%;margin:72px auto 40px;border-radius:16px}.contact-page .left-panel,.contact-page .right-panel{padding:28px 18px}.contact-page .panel-title{font-size:clamp(22px,7vw,32px)}.contact-page .check-grid,.contact-page .radio-grid{grid-template-columns:1fr;gap:8px}.contact-page .radio-item{justify-content:flex-start;text-align:left;padding:12px 14px}.contact-page .section-label{letter-spacing:1.2px;font-size:10px;flex-wrap:wrap;gap:8px}.contact-page .field-wrap input,.contact-page .field-wrap select,.contact-page .field-wrap textarea{font-size:16px;padding:12px 14px;min-height:48px}.contact-page .field-wrap textarea{min-height:120px;height:auto}.contact-page .contact-link{padding:12px;gap:10px}.contact-page .link-value{font-size:13px;word-break:break-word}.contact-page .contact-form{gap:22px}.contact-page .right-panel{gap:28px}}@media (max-width:400px){.contact-page .page-wrap{width:calc(100% - 16px);margin:64px auto 32px;border-radius:14px}.contact-page .left-panel,.contact-page .right-panel{padding:22px 14px}.contact-page .eyebrow{font-size:10px;padding:4px 10px}.contact-page .btn-submit{padding:14px 20px;font-size:12px;letter-spacing:1px}}.project-detail-page .tech-list{display:flex;flex-wrap:wrap;gap:6px}.blogs-listing .blogs-l-tech-pill,.project-detail-page .tech-pill{padding:4px 10px;border-radius:6px;font-family:DM Mono,monospace;font-size:11px;border:1px solid var(--tag-border);background:var(--tag-bg);color:var(--accent);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blogs-listing .blogs-l-tech-pill{text-transform:uppercase;letter-spacing:.5px}.blogs-listing .blogs-l-tech-pill:hover,.project-detail-page .tech-pill:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.2)}.blogs-listing .blogs-l-tech-pill.t-html,.project-detail-page .t-html{background:rgba(227,79,38,.1);border-color:rgba(227,79,38,.25);color:#ff8f66}.blogs-listing .blogs-l-tech-pill.t-css,.project-detail-page .t-css{background:rgba(38,77,228,.1);border-color:rgba(38,77,228,.25);color:#82a6ff}.blogs-listing .blogs-l-tech-pill.t-js,.project-detail-page .t-js{background:rgba(247,223,30,.1);border-color:rgba(247,223,30,.3);color:#f7df1e}.blogs-listing .blogs-l-tech-pill.t-ts,.project-detail-page .t-ts{background:rgba(49,120,198,.1);border-color:rgba(49,120,198,.25);color:#4fa3e3}.blogs-listing .blogs-l-tech-pill.t-node,.project-detail-page .t-node{background:rgba(104,160,99,.12);border-color:rgba(104,160,99,.3);color:#9cd38f}.blogs-listing .blogs-l-tech-pill.t-python,.project-detail-page .t-python{background:rgba(255,212,59,.1);border-color:rgba(255,212,59,.25);color:#ffd43b}.blogs-listing .blogs-l-tech-pill.t-react,.project-detail-page .t-react{background:rgba(97,218,251,.12);border-color:rgba(10,160,200,.25);color:#0284a8}.blogs-listing .blogs-l-tech-pill.t-next,.project-detail-page .t-next{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.16);color:#e5e7eb}.blogs-listing .blogs-l-tech-pill.t-vue,.project-detail-page .t-vue{background:rgba(65,184,131,.11);border-color:rgba(65,184,131,.28);color:#6ee7b7}.blogs-listing .blogs-l-tech-pill.t-angular,.project-detail-page .t-angular{background:rgba(221,0,49,.12);border-color:rgba(221,0,49,.3);color:#ff6b8b}.blogs-listing .blogs-l-tech-pill.t-svelte,.project-detail-page .t-svelte{background:rgba(255,62,0,.11);border-color:rgba(255,62,0,.28);color:#ff9b73}.blogs-listing .blogs-l-tech-pill.t-astro,.project-detail-page .t-astro{background:rgba(188,93,255,.1);border-color:rgba(188,93,255,.28);color:#d8b4fe}.blogs-listing .blogs-l-tech-pill.t-tailwind,.project-detail-page .t-tailwind{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.25);color:#22d3ee}.blogs-listing .blogs-l-tech-pill.t-bootstrap,.project-detail-page .t-bootstrap{background:rgba(121,82,179,.12);border-color:rgba(121,82,179,.28);color:#c4b5fd}.blogs-listing .blogs-l-tech-pill.t-material,.project-detail-page .t-material{background:rgba(2,136,209,.11);border-color:rgba(2,136,209,.28);color:#7dd3fc}.blogs-listing .blogs-l-tech-pill.t-chakra,.project-detail-page .t-chakra{background:rgba(49,151,149,.11);border-color:rgba(49,151,149,.28);color:#5eead4}.blogs-listing .blogs-l-tech-pill.t-mantine,.project-detail-page .t-mantine{background:rgba(51,154,240,.11);border-color:rgba(51,154,240,.28);color:#93c5fd}.blogs-listing .blogs-l-tech-pill.t-shadcn,.project-detail-page .t-shadcn{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.2);color:#f1f5f9}.blogs-listing .blogs-l-tech-pill.t-vite,.project-detail-page .t-vite{background:rgba(189,52,254,.1);border-color:rgba(189,52,254,.25);color:#bd34fe}.blogs-listing .blogs-l-tech-pill.t-webpack,.project-detail-page .t-webpack{background:rgba(138,207,255,.12);border-color:rgba(138,207,255,.3);color:#7dd3fc}.blogs-listing .blogs-l-tech-pill.t-rollup,.project-detail-page .t-rollup{background:rgba(236,85,101,.11);border-color:rgba(236,85,101,.3);color:#fb7185}.blogs-listing .blogs-l-tech-pill.t-parcel,.project-detail-page .t-parcel{background:rgba(255,182,72,.11);border-color:rgba(255,182,72,.3);color:#fbbf24}.blogs-listing .blogs-l-tech-pill.t-redux,.project-detail-page .t-redux{background:rgba(118,74,188,.12);border-color:rgba(118,74,188,.28);color:#c4b5fd}.blogs-listing .blogs-l-tech-pill.t-zustand,.project-detail-page .t-zustand{background:rgba(168,85,247,.11);border-color:rgba(168,85,247,.28);color:#d8b4fe}.blogs-listing .blogs-l-tech-pill.t-mobx,.project-detail-page .t-mobx{background:rgba(255,153,0,.12);border-color:rgba(255,153,0,.3);color:#fdba74}.blogs-listing .blogs-l-tech-pill.t-graphql,.project-detail-page .t-graphql{background:rgba(227,53,153,.11);border-color:rgba(227,53,153,.28);color:#f9a8d4}.blogs-listing .blogs-l-tech-pill.t-rest,.project-detail-page .t-rest{background:rgba(212,255,0,.08);border-color:rgba(212,255,0,.22);color:#d4ff00}.blogs-listing .blogs-l-tech-pill.t-axios,.project-detail-page .t-axios{background:rgba(90,103,216,.11);border-color:rgba(90,103,216,.28);color:#a5b4fc}.blogs-listing .blogs-l-tech-pill.t-jest,.project-detail-page .t-jest{background:rgba(153,51,51,.13);border-color:rgba(153,51,51,.3);color:#fca5a5}.blogs-listing .blogs-l-tech-pill.t-vitest,.project-detail-page .t-vitest{background:rgba(114,191,68,.11);border-color:rgba(114,191,68,.3);color:#bef264}.blogs-listing .blogs-l-tech-pill.t-cypress,.project-detail-page .t-cypress{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#d1d5db}.blogs-listing .blogs-l-tech-pill.t-playwright,.project-detail-page .t-playwright{background:rgba(45,212,191,.11);border-color:rgba(45,212,191,.28);color:#5eead4}.blogs-listing .blogs-l-tech-pill.t-storybook,.project-detail-page .t-storybook{background:rgba(255,71,133,.11);border-color:rgba(255,71,133,.3);color:#f9a8d4}.blogs-listing .blogs-l-tech-pill.t-eslint,.project-detail-page .t-eslint{background:rgba(79,70,229,.11);border-color:rgba(79,70,229,.3);color:#a5b4fc}.blogs-listing .blogs-l-tech-pill.t-prettier,.project-detail-page .t-prettier{background:rgba(242,141,32,.11);border-color:rgba(242,141,32,.3);color:#fdba74}.blogs-listing .blogs-l-tech-pill.t-mathjax,.project-detail-page .t-mathjax{background:rgba(255,107,53,.1);border-color:rgba(255,107,53,.25);color:#ff8c66}.blogs-listing .blogs-l-tech-pill.t-canvas,.project-detail-page .t-canvas{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.25);color:#c084fc}.blogs-listing .blogs-l-tech-pill.t-fastapi,.project-detail-page .t-fastapi{background:rgba(5,150,105,.12);border-color:rgba(5,150,105,.28);color:#34d399}.blogs-listing .blogs-l-tech-pill.t-express,.project-detail-page .t-express{background:rgba(203,213,225,.11);border-color:rgba(203,213,225,.25);color:#e2e8f0}.blogs-listing .blogs-l-tech-pill.t-mysql,.project-detail-page .t-mysql{background:rgba(0,117,143,.12);border-color:rgba(0,117,143,.28);color:#67e8f9}.blogs-listing .blogs-l-tech-pill.t-postgres,.project-detail-page .t-postgres{background:rgba(51,103,145,.12);border-color:rgba(51,103,145,.28);color:#93c5fd}.blogs-listing .blogs-l-tech-pill.t-mongodb,.project-detail-page .t-mongodb{background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.28);color:#6ee7b7}.blogs-listing .blogs-l-tech-pill.t-sqlite,.project-detail-page .t-sqlite{background:rgba(59,130,246,.11);border-color:rgba(59,130,246,.28);color:#93c5fd}.blogs-listing .blogs-l-tech-pill.t-prisma,.project-detail-page .t-prisma{background:rgba(129,140,248,.11);border-color:rgba(129,140,248,.3);color:#c7d2fe}.blogs-listing .blogs-l-tech-pill.t-gemini,.project-detail-page .t-gemini{background:rgba(66,133,244,.1);border-color:rgba(66,133,244,.25);color:#7baaf7}.blogs-listing .blogs-l-tech-pill.t-openai,.project-detail-page .t-openai{background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.3);color:#6ee7b7}.blogs-listing .blogs-l-tech-pill.t-huggingface,.project-detail-page .t-huggingface{background:rgba(255,193,7,.12);border-color:rgba(255,193,7,.3);color:#fcd34d}.blogs-listing .blogs-l-tech-pill.t-tensorflow,.project-detail-page .t-tensorflow{background:rgba(255,111,0,.12);border-color:rgba(255,111,0,.3);color:#fdba74}.blogs-listing .blogs-l-tech-pill.t-pytorch,.project-detail-page .t-pytorch{background:rgba(238,94,40,.12);border-color:rgba(238,94,40,.3);color:#fb923c}.blogs-listing .blogs-l-tech-pill.t-docker,.project-detail-page .t-docker{background:rgba(14,165,233,.11);border-color:rgba(14,165,233,.28);color:#7dd3fc}.blogs-listing .blogs-l-tech-pill.t-k8s,.project-detail-page .t-k8s{background:rgba(50,108,229,.11);border-color:rgba(50,108,229,.28);color:#93c5fd}.blogs-listing .blogs-l-tech-pill.t-vercel,.project-detail-page .t-vercel{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.2);color:#f1f5f9}.blogs-listing .blogs-l-tech-pill.t-netlify,.project-detail-page .t-netlify{background:rgba(0,196,154,.11);border-color:rgba(0,196,154,.28);color:#5eead4}.blogs-listing .blogs-l-tech-pill.t-generic,.project-detail-page .t-generic{background:var(--tag-bg);border-color:var(--tag-border);color:var(--accent)}:root{--sileo-spring-easing:linear(0,0.002 0.6%,0.007 1.2%,0.015 1.8%,0.026 2.4%,0.041 3.1%,0.06 3.8%,0.108 5.3%,0.157 6.6%,0.214 8%,0.467 13.7%,0.577 16.3%,0.631 17.7%,0.682 19.1%,0.73 20.5%,0.771 21.8%,0.808 23.1%,0.844 24.5%,0.874 25.8%,0.903 27.2%,0.928 28.6%,0.952 30.1%,0.972 31.6%,0.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,0.999 83.7%,1);--sileo-duration:600ms;--sileo-height:40px;--sileo-width:350px;--sileo-state-success:oklch(0.723 0.219 142.136);--sileo-state-loading:oklch(0.556 0 0);--sileo-state-error:oklch(0.637 0.237 25.331);--sileo-state-warning:oklch(0.795 0.184 86.047);--sileo-state-info:oklch(0.685 0.169 237.323);--sileo-state-action:oklch(0.623 0.214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:transparent;padding:0;width:var(--sileo-width);height:var(--_h,var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top]
	[data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom]
	[data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top]
	[data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom]
	[data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px,0);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-exiting=true],[data-sileo-header-inner][data-layer=current]:not(:only-child){will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone,currentColor);background-color:var(--sileo-tone-bg,transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone,currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c:var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c:var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c:var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c:var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c:var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c:var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone:var(--_c);--sileo-tone-bg:color-mix(in oklch,var(--_c) 20%,transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co,0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true]
	[data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color,currentColor);background-color:var(--sileo-btn-bg,transparent);transition:background-color .15s ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover,transparent)}[data-sileo-button][data-state]{--sileo-btn-color:var(--_c);--sileo-btn-bg:color-mix(in oklch,var(--_c) 15%,transparent);--sileo-btn-bg-hover:color-mix(in oklch,var(--_c) 25%,transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(1turn)}}@keyframes sileo-header-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes sileo-header-exit{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top]
	[data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom]
	[data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translateX(-50%);align-items:center}@media (prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media (prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] :after,[data-sileo-viewport] :before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:rgba(0,0,0,.5)}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:hsla(0,0%,100%,.5)}