html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--body-color);min-height:100vh;color:var(--para-color);font-family:var(--body-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--theme-color:#096c6c;--primary-color:#ff7518;--body-color:snow;--white-color:#fff;--black-color:#000;--gray-bg:#fafafa;--border-color:#e8e8e8;--heading-color:#1c1c1c;--para-color:#5f6368;--folder:#f3e9cb;--folder-inner:#beb393;--white-color-lines:#bbc1e1;--white-color-behind:#e1e6f9;--pencil-top:#275efe;--pencil-bottom:#5c86ff;--window-red:#ff5f56;--window-yellow:#ffbd2e;--window-green:#27c93f;--card-shadow:0 1px 3px #0000000d;--shadow-sm:0 4px 12px #0000000f;--shadow-md:0 12px 30px #0000001a;--shadow-lg:0 20px 50px #0000001f;--card-shadow-hover:0 10px 30px #ff6b3526;--banner-font:700 clamp(2rem, 1rem + 3vw, 3rem)/1 "Space Grotesk", sans-serif;--heading-font:700 clamp(1.8rem, .9rem + 2vw, 2.5rem)/1.2 "Space Grotesk", sans-serif;--sub-heading-font:600 clamp(1.2rem, .8rem + 1.5vw, 1.875rem)/1.2 "Space Grotesk", sans-serif;--small-heading-font:600 clamp(1.2rem, .8rem + 1.5vw, 1.5rem)/1.6 "Space Grotesk", sans-serif;--para-font:400 clamp(1rem, .9rem + .5vw, 1.125rem)/1.5 "Space Grotesk", sans-serif;--body-font:400 clamp(1rem, .9rem + .5vw, 1rem)/1.3 "Space Grotesk", sans-serif;--btn-font:500 clamp(.8rem, .8rem + .5vw, 1rem)/1rem "Space Grotesk", sans-serif;--small-btn-font:500 clamp(.5rem, .6rem + .5vw, .8rem)/.8rem "Space Grotesk", sans-serif;--input-font:400 clamp(.9rem, .8rem + .5vw, 1rem)/1.4 "Space Grotesk", sans-serif;--nav-font:500 clamp(.9rem, .9rem + .5vw, .9rem)/1.5 "Space Grotesk", sans-serif;--footer-font:400 clamp(.9rem, .8rem + .5vw, 1rem)/1.5 "Space Grotesk", sans-serif;--badge-font:500 clamp(.5rem, .5rem + .5vw, .75rem)/1.5 "Space Grotesk", sans-serif;--small-badge-font:600 clamp(.5rem, .5rem + .5vw, .5rem)/1.5 "Space Grotesk", sans-serif;--section-spacing:clamp(1.5rem, 3vw, 2.5rem);--radius-sm:4px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-2xl:50px;--radius-3xl:80px;--radius-full:100px;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--vs-bg-base:#1e1e1e;--vs-border:#444;--vs-text-active:#fff}#home-skills-store[data-theme=dark]{--body-color:#0a0e1a;--white-color:#000;--gray-bg:#151929;--border-color:#252b42;--heading-color:#e8eaf6;--para-color:#b0b8d4;--card-shadow:0 4px 6px #0006;--card-shadow-hover:0 10px 30px #f587254d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background:var(--site-bg);font:var(--body-font);color:var(--para-color)}body.loading{overflow:hidden}.preloader-container{transition:opacity .4s}h1{font:var(--banner-font);color:var(--heading-color);letter-spacing:-.5px}h2{font:var(--heading-font);color:var(--heading-color);letter-spacing:-.5px}h3{font:var(--sub-heading-font);color:var(--heading-color);letter-spacing:-.5px}h4{font:var(--small-heading-font);color:var(--heading-color);letter-spacing:-.3px}h5{font:var(--small-heading-font);color:var(--heading-color);font-size:1.125rem}.section-para-center{text-align:center;max-width:800px;margin:1.5rem auto 0}p{font:var(--para-font);color:var(--para-color);letter-spacing:.2px}a{font:var(--body-font);color:var(--heading-color);text-decoration:none}a:hover{color:var(--heading-color)}.form-control,.form-select,button{box-shadow:none;background:0 0;outline:0;transition:all .3s ease-in-out}.form-control:focus,.form-select:focus,button:focus{border:0;outline:0}.text-orange{color:var(--primary-color)!important}.highlight{color:var(--primary-color);display:inline-block;position:relative}.primary-btn{font:var(--btn-font);cursor:pointer;background-color:var(--primary-color);color:var(--white-color);white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:10rem;align-items:center;gap:.75rem;width:fit-content;padding:.75rem 1.5rem .75rem 20px;text-decoration:none;transition:background-color .3s;display:inline-flex;overflow:hidden}.primary-btn-icon{width:25px;height:25px;color:var(--primary-color);background-color:var(--white-color);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.primary-btn:hover{background-color:var(--theme-color);color:var(--white-color)}.primary-btn-svg-before{position:absolute;transform:translate(-150%,-100%)}.primary-btn:hover .primary-btn-svg-after:first-child{transition:transform .3s ease-in-out;transform:translate(150%,100%)}.primary-btn:hover .primary-btn-svg-before{transition:transform .3s ease-in-out .1s;transform:translate(0)}.primary-btn-svg-after path{fill:var(--primary-color)}.primary-btn-svg-before path{fill:var(--theme-color)}.secondary-btn{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .2s ease;cursor:pointer;background:0 0;border:none;max-width:fit-content;margin-left:0;padding:12px 18px;text-decoration:none;position:relative}.secondary-btn:before{content:"";background:color-mix(in srgb, var(--theme-color) 20%, transparent);width:45px;height:45px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:50px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.secondary-btn span{font:var(--btn-font);color:var(--theme-color);position:relative}.secondary-btn svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--theme-color);stroke-width:2px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;margin-left:10px;position:relative;top:1px;transform:translate(-5px)}.secondary-btn:hover:before{background:color-mix(in srgb, var(--theme-color) 90%, transparent);width:100%;transform:translateY(-50%)}.secondary-btn:hover svg{transform:translate(0)}.secondary-btn:active{transform:scale(.95)}.secondary-btn:hover span{color:var(--white-color)}.secondary-btn:hover svg{stroke:var(--white-color)}.hire-btn{cursor:pointer;font:var(--btn-font);appearance:none;-webkit-tap-highlight-color:transparent;color:var(--white-color);background:var(--bg,var(--theme-color));text-transform:uppercase;font-size:var(--fs-base);border:0;border-radius:3px;outline:none;margin-left:15px;padding:12px 25px 12px 65px;transition:background .3s;position:relative}.hire-btn>div{background:var(--primary-color);border:0;border-radius:3px 0 0 3px;width:50px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.hire-btn:hover div{background:var(--theme-color)}.hire-btn>div .folder{width:22px;height:25px;position:absolute;top:10px;left:14px}.hire-btn>div .folder .top{z-index:2;transform:translateX(var(--fx,0));transition:transform .4s ease var(--fd,.3s);position:absolute;top:0;left:0}.hire-btn>div .folder .top svg{width:23px;height:25px;fill:var(--folder);transform-origin:0;transition:transform .3s ease var(--fds,.45s);transform:perspective(120px) rotateY(var(--fr,0deg));display:block}.hire-btn>div .folder:before,.hire-btn>div .folder:after,.hire-btn>div .folder .paper{content:"";left:var(--l,0);top:var(--t,0);width:var(--w,100%);height:var(--h,100%);background:var(--b,var(--folder-inner));border-radius:1px;position:absolute}.hire-btn>div .folder:before{transform:translateX(var(--fx,0));transition:transform .4s ease var(--fd,.3s)}.hire-btn>div .folder:after,.hire-btn>div .folder .paper{--l:1px;--t:1px;--w:20px;--h:24px;--b:var(--white-color-behind)}.hire-btn>div .folder:after{transform:translate(var(--pbx,0), var(--pby,0));transition:transform .4s ease var(--pbd,0s)}.hire-btn>div .folder .paper{z-index:1;--b:var(--white-color)}.hire-btn>div .folder .paper:before,.hire-btn>div .folder .paper:after{content:"";width:var(--wp,14px);height:2px;left:3px;top:var(--tp,3px);background:var(--white-color-lines);box-shadow:0 12px 0 0 var(--white-color-lines), 0 24px 0 0 var(--white-color-lines);border-radius:1px;position:absolute;transform:scaleY(.5)}.hire-btn>div .folder .paper:after{--tp:6px;--wp:10px}.hire-btn>div .pencil{z-index:3;transform-origin:50% 19px;background:var(--white-color);width:3px;height:2px;transform:translateX(var(--pex,0)) rotate(35deg);transition:transform .4s ease var(--pbd,0s);border-radius:1px 1px 0 0;position:absolute;top:7px;left:104%}.hire-btn>div .pencil:before,.hire-btn>div .pencil:after{content:"";background:var(--b,linear-gradient(var(--pencil-top) 55%, var(--white-color) 55.1%, var(--white-color) 60%, var(--pencil-bottom) 60.1%));width:var(--w,5px);height:var(--h,20px);border-radius:var(--br,2px 2px 0 0);top:var(--t,2px);left:var(--l,-1px);display:block;position:absolute}.hire-btn>div .pencil:before{clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px)}.hire-btn>div .pencil:after{--b:none;--w:3px;--h:6px;--br:0 2px 1px 0;--t:3px;--l:3px;border-top:1px solid var(--pencil-top);border-right:1px solid var(--pencil-top)}.hire-btn:before,.hire-btn:after{content:"";background:var(--color);transform-origin:9px 1px;width:10px;height:2px;transform:translateX(var(--cx,0)) scale(.5) rotate(var(--r,-45deg));border-radius:1px;transition:transform .3s;position:absolute;top:21px;right:16px}.hire-btn:after{--r:45deg}.hire-btn:hover{--cx:2px;--bg:var(--primary-color);--fx:-38px;--fr:-60deg;--fd:.15s;--fds:0s;--pbx:2px;--pby:-2px;--pbd:.15s;--pex:-20px;color:var(--white-color)}.section-spacing{padding-top:var(--section-spacing);padding-bottom:var(--section-spacing)}.highlight{color:var(--primary-color)}.container-fluid{margin:0;padding:0;overflow:hidden}picture{display:block}.sub-heading-tag-1{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color);font:var(--badge-font);text-transform:uppercase;letter-spacing:1.5px;border-radius:30px;align-items:center;gap:1rem;margin-bottom:20px;padding:10px 20px;display:inline-flex}.sub-heading-tag-2{background:color-mix(in srgb, var(--theme-color) 10%, transparent);color:var(--theme-color);font:var(--badge-font);text-transform:uppercase;letter-spacing:1.5px;border-radius:30px;align-items:center;gap:1rem;margin-bottom:20px;padding:10px 20px;display:inline-flex}.section-title-center{text-align:center;margin-bottom:clamp(2.5rem,5vw,5rem)}.section-title h2{margin-bottom:10px}.section-title h2 .highlight{color:var(--primary-color);display:inline-block;position:relative}.section-title h2 .highlight:after{content:"";background:var(--primary-color);border-radius:2px;width:100%;height:4px;position:absolute;bottom:-5px;left:0}.section-para-center{max-width:60%;margin:1.5rem auto 0}.section-para-left{max-width:80%;margin:1.5rem 0 0}.white-image img{filter:brightness(0)invert()}.white-image:hover img{filter:brightness()invert(0)}.zoom-hover picture{display:block;position:relative;overflow:hidden}.zoom-hover picture img{transition:all 1.5s cubic-bezier(0,0,.2,1)}.zoom-hover:hover picture img{transform:scale(1.1)}.project-date-badge{z-index:10;background:linear-gradient(135deg, var(--primary-color), #e86a13);color:var(--white-color);font:var(--badge-font);letter-spacing:.4px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none;text-align:center;text-transform:uppercase;border:none;border-radius:100px;justify-content:center;align-items:center;min-width:70px;padding:3px 8px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px #ff751833}.project-card:hover .project-date-badge{background:var(--theme-color);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #096c6c66}.swiper{width:100%;height:100%}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0!important}.swiper-button-next,.swiper-button-prev{color:var(--primary-color)!important;background:var(--white-color)!important;border:1px solid var(--border-color)!important;width:45px!important;height:45px!important;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:18px!important;font-weight:700!important}.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--primary-color)!important;color:var(--white-color)!important;border-color:var(--primary-color)!important;box-shadow:0 6px 16px #ff7a0066!important}.swiper-button-active{background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 6px 16px #ff7a0066!important}.swiper-pagination-bullet{background:var(--theme-color)!important;opacity:.6!important}.swiper-pagination-bullet-active{background:var(--primary-color)!important;opacity:1!important}#navigation_bar{background:var(--white-color);z-index:999;width:100%;transition:top .6s ease-in-out;position:fixed;top:0;left:0}#navigation_bar.nav-down{background:var(--white-color);box-shadow:var(--shadow-sm);transition:top .6s ease-in-out;top:0}#navigation_bar.nav-up{top:-110px}#navigation_bar .navbar .navbar-brand{aspect-ratio:200/67;display:inline-block}#navigation_bar .navbar .navbar-brand picture{width:clamp(120px,12vw,160px);height:auto;display:inline-block}#navigation_bar .navbar-nav{align-items:center;gap:1.5rem;width:100%;display:flex}#navigation_bar .navbar .nav-link{font:var(--nav-font);color:var(--black-color);text-transform:uppercase;padding-bottom:0;transition:color .3s;position:relative}#navigation_bar .navbar{padding:.9rem 0}#navigation_bar .navbar .nav-link:before,#navigation_bar .navbar .nav-link:after{opacity:0;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;color:var(--primary-color);font-size:1.1rem;position:absolute}#navigation_bar .navbar .nav-link:before{content:"</";top:.3rem;left:-.7rem;transform:translate(-5px)}#navigation_bar .navbar .nav-link:after{content:">";top:.3rem;right:-.2rem;transform:translate(5px)}#navigation_bar .navbar .nav-link:hover:before,#navigation_bar .navbar .nav-link:hover:after,#navigation_bar .navbar .nav-link.active:before,#navigation_bar .navbar .nav-link.active:after{opacity:1;color:var(--primary-color);transform:translate(0)}#navigation_bar .navbar .nav-link:hover,#navigation_bar .navbar .nav-link.active{color:var(--theme-color);text-shadow:.5px 0}#navigation_bar .dropdown-toggle:after{border:0}#navigation_bar .nav-item.dropdown:after{content:"";background:url(/images/dropdown-arrow.svg) 0 0/contain no-repeat;width:20px;height:20px;margin-left:.2rem;transition:color .3s;display:block;position:absolute;top:8px;right:-15px}.navbar .dropdown-menu{border:1px solid #ddd;border-radius:.25rem;margin:0}#navigation_bar .navbar .dropdown .nav-link:before,#navigation_bar .navbar .dropdown .nav-link:after{display:none}#navigation_bar .navbar .dropdown .nav-link:hover,#navigation_bar .navbar .dropdown .nav-link.active{border-bottom:none}#navigation_bar .navbar-expand-xl .navbar-nav .dropdown-menu{width:900px;max-width:calc(100vw - 20px);box-shadow:var(--shadow-sm);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.4, 0, .2, 1);background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;margin:auto;padding:0;top:3.5rem;left:0;right:0;transform:translate(-35%)}#navigation_bar .dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}#navigation_bar .mega-menu-container{border-top:4px solid var(--primary-color);min-height:auto;padding:30px}#navigation_bar .mega-menu-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mega-grid-item{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:var(--white-color);border:1px solid #0000;border-radius:12px;align-items:center;gap:15px;padding:15px;text-decoration:none;display:flex;position:relative}.mega-grid-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);will-change:transform, box-shadow;backface-visibility:hidden;background:#f8fafc;transform:translateY(-4px)}.mega-grid-icon{width:50px;min-width:50px;height:50px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;display:flex}.mega-grid-item:hover .mega-grid-icon{background:var(--primary-color)}.mega-grid-item:hover .mega-grid-icon img{filter:brightness(0)invert()}.mega-grid-content{flex:1}.mega-grid-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.mega-grid-title{color:var(--heading-color);font-size:1rem;font-weight:600}.mega-grid-desc{color:var(--para-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.mega-grid-badge{background:var(--theme-color);color:var(--white-color);font:var(--small-badge-font);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-weight:600}.mega-grid-badge.orange{background:var(--primary-color)}.mega-grid-extra{border-top:1px solid #e5e7eb;margin-top:25px;padding-top:25px}#navigation_bar .content-panel{opacity:0;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.4, 0, .2, 1);pointer-events:none;position:absolute;inset:32px;transform:translate(30px)}#navigation_bar .content-panel.active{opacity:1;pointer-events:auto;transform:translate(0)}#navigation_bar .content-details{flex-direction:column;flex:1;gap:24px;display:flex}#navigation_bar .details-header{border-bottom:2px solid #f3f4f6;padding-bottom:15px}#navigation_bar .details-title-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}#navigation_bar .details-title{font:var(--sub-heading-font);color:var(--theme-color);margin:0;font-size:1.4rem}#navigation_bar .details-badge{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color);font:var(--small-badge-font);white-space:nowrap;border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);border-radius:30px;padding:5px 12px}#navigation_bar .details-desc{font:var(--para-font);color:var(--para-color);margin:0;font-size:.95rem;line-height:1.5}#navigation_bar .details-features{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px}#navigation_bar .features-headline{font:var(--small-heading-font);text-transform:uppercase;letter-spacing:1px;color:var(--para-color);margin-bottom:12px;font-size:.8rem;display:block}#navigation_bar .features-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}#navigation_bar .feature-item{background:var(--white-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;border:1px solid #eee;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}#navigation_bar .feature-item:hover{border-color:var(--primary-color);transform:translate(3px)}#navigation_bar .feature-dot{background:var(--primary-color);border-radius:50%;width:5px;height:5px}#navigation_bar .feature-text{font:var(--body-font);color:var(--heading-color);font-size:.85rem;font-weight:500}#navigation_bar .details-actions{gap:12px;margin-top:auto;display:flex}#navigation_bar .primary-btn{padding:10px 15px}#navigation_bar .primary-btn,#navigation_bar .secondary-btn span{font:var(--small-btn-font)}#navigation_bar .primary-btn-icon{width:20px;height:20px}#navigation_bar .navbar-expand-xl .navbar-nav .resources-menu .dropdown-menu{transform:translate(-60%)}#navigation_bar .navbar-expand-xl .navbar-nav .tech-menu .dropdown-menu{transform:translate(-75%)}#newsletter{position:relative;overflow:hidden}#newsletter .newsletter-wrapper{z-index:2;position:relative}#newsletter .newsletter-container{background:var(--white-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:30px 20px;position:relative;overflow:hidden}#newsletter .newsletter-decorative{border:30px solid var(--theme-color);opacity:.05;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}#newsletter .newsletter-decorative-2{border:20px solid var(--primary-color);opacity:.05;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;left:-30px}#newsletter .newsletter-badge{background:var(--theme-color);color:var(--white-color);font:var(--badge-font);border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;animation:.6s fadeInUp;display:inline-flex}#newsletter .newsletter-badge img{filter:brightness(0)invert()}#newsletter .newsletter-badge i{font-size:16px}#newsletter .newsletter-content{text-align:center;z-index:2;max-width:700px;margin:0 auto;position:relative}#newsletter .newsletter-title{font:var(--heading-font);color:var(--heading-color);margin-bottom:16px;animation:.6s .2s backwards fadeInUp}#newsletter .newsletter-title span{color:var(--primary-color);display:inline-block;position:relative}#newsletter .newsletter-title span:after{content:"";background:var(--primary-color);border-radius:2px;width:100%;height:3px;position:absolute;bottom:-4px;left:0}#newsletter .newsletter-description{font:var(--para-font);color:var(--para-color);margin-bottom:40px;animation:.6s .4s backwards fadeInUp}#newsletter .newsletter-form-wrapper{animation:.6s .6s backwards fadeInUp}#newsletter .newsletter-form{background:var(--gray-bg);border:2px solid var(--border-color);max-width:600px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:60px;gap:12px;margin:0 auto 24px;padding:8px;display:flex}#newsletter .newsletter-form:focus-within{border-color:var(--theme-color);box-shadow:var(--shadow-md)}#newsletter .newsletter-input{font:var(--input-font);color:var(--heading-color);background:0 0;border:none;outline:none;flex:1;padding:16px 24px}#newsletter .newsletter-input::placeholder{color:var(--para-color);opacity:.7}#newsletter .newsletter-privacy{font:var(--footer-font);color:var(--para-color);font-size:14px}#newsletter .newsletter-privacy a{color:var(--theme-color);font-weight:500;text-decoration:none}#newsletter .newsletter-privacy a:hover{color:var(--primary-color);text-decoration:underline}#newsletter .newsletter-stats{border-top:1px solid var(--border-color);justify-content:center;gap:40px;margin-top:40px;padding-top:40px;display:flex}#newsletter .stat-item{text-align:center;animation:.6s .8s backwards fadeInUp}#newsletter .stat-number{font:var(--sub-heading-font);color:var(--theme-color);margin-bottom:4px;display:block}#newsletter .stat-label{font:var(--footer-font);color:var(--para-color);font-size:14px}#newsletter .newsletter-features{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:32px;display:flex}#newsletter .feature-item{font:var(--footer-font);color:var(--para-color);align-items:center;gap:8px;animation:.6s 1s backwards fadeInUp;display:flex}#newsletter .feature-item i{color:var(--theme-color);font-size:18px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#newsletter .success-message{color:#155724;font:var(--body-font);background:#d4edda;border:1px solid #c3e6cb;border-radius:12px;margin-top:20px;padding:16px 24px;animation:.4s fadeInUp;display:none}#newsletter .success-message.show{display:block}#footer{background:var(--theme-color);padding-bottom:0;position:relative;overflow:hidden}#footer .footer-main{padding:30px 0 0;position:relative}#footer .footer-brand{margin-bottom:30px}#footer .footer-logo{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}#footer .footer-description{font:var(--footer-font);color:var(--white-color);max-width:320px;margin-bottom:0}#footer .footer-title{font:var(--small-heading-font);color:var(--white-color);margin-bottom:24px;padding-bottom:12px;position:relative}#footer .footer-title:after{content:"";background:var(--primary-color);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}#footer .footer-links{margin:0;padding:0;list-style:none}#footer .footer-links li{margin-bottom:14px}#footer .footer-links a{font:var(--footer-font);color:var(--white-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;align-items:center;padding-left:20px;text-decoration:none;display:inline-flex;position:relative}#footer .footer-links a:before{content:"";background:var(--primary-color);width:12px;height:2px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;opacity:0;position:absolute;left:0}#footer .footer-links a:hover{color:var(--primary-color);padding-left:25px}#footer .footer-links a:hover:before{opacity:1;width:16px}#footer .contact-item{align-items:flex-start;margin-bottom:20px;display:flex}#footer .contact-icon{background:var(--body-color);border:2px solid var(--border-color);width:40px;height:40px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-right:15px;display:flex}#footer .contact-icon i{color:var(--theme-color);font-size:18px}#footer .contact-item:hover .contact-icon{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.1)}#footer .contact-item:hover .contact-icon i{color:var(--white-color)}#footer .contact-text{font:var(--footer-font);color:var(--white-color);flex:1;margin:0}#footer .contact-text a{color:var(--white-color);text-decoration:none;transition:color .3s}#footer .contact-text a:hover{color:var(--primary-color)}#footer .social-links{flex-wrap:wrap;gap:12px;max-width:80%;display:flex}#footer .social-link{background:var(--body-color);border:2px solid var(--border-color);width:44px;height:44px;color:var(--primary-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:12px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}#footer .social-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white-color);transform:translateY(-3px)}#footer .footer-bottom{border-top:2px solid var(--border-color);margin-top:50px;padding:30px 0}#footer .footer-bottom-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}#footer .footer-bottom-links li{position:relative}#footer .footer-bottom-links li:not(:last-child):after{content:"";background:var(--border-color);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}#footer .footer-bottom-links a{font:var(--footer-font);color:var(--white-color);text-decoration:none;transition:color .3s}#footer .footer-bottom-links a:hover{color:var(--primary-color)}#footer .copyright-text,#footer .designer-credit p{font:var(--footer-font);color:var(--white-color);margin:0}#footer .designer-credit a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s}#footer .designer-credit a:hover{color:var(--primary-color)}#footer .back-to-top{transform-style:preserve-3d;will-change:transform;background:var(--primary-color);cursor:pointer;opacity:0;visibility:hidden;width:52px;height:52px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;z-index:999;border:none;border-radius:14px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:10px;transform:translateY(20px)perspective(700px);box-shadow:0 10px 28px #00000040}#footer .back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)perspective(700px)}#footer .back-to-top:hover{transform:translateY(-6px)perspective(700px)rotateX(10deg)rotateY(-8deg)}.arrow-icon{stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;fill:none;z-index:2;width:18px;height:18px;transition:transform .3s}#footer .back-to-top:hover .arrow-icon{transform:translateY(-3px)}.progress-box{pointer-events:none;position:absolute;inset:0}.progress-box__rect{fill:none;stroke:#ffffff8c;stroke-width:2px;stroke-dasharray:192;stroke-dashoffset:192px;transition:stroke-dashoffset .25s linear}#footer .decorative-shape{z-index:0;opacity:.05;position:absolute}#footer .shape-1{border:20px solid var(--white-color);border-radius:30px;width:150px;height:150px;top:50px;right:100px;transform:rotate(15deg)}#footer .shape-2{background:var(--white-color);border-radius:50%;width:100px;height:100px;bottom:80px;left:50px}.inner-banner{background-position:50%;background-size:cover;background-attachment:fixed;padding:150px 0 100px;position:relative;overflow:hidden}.inner-banner:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/></svg>");animation:20s linear infinite movePattern;position:absolute;inset:0}@keyframes movePattern{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.inner-banner .banner-content-wrapper{z-index:2;position:relative}.inner-banner .sub-heading-tag-1{color:var(--white-color);background:#ffffff26}.inner-banner .sub-heading-tag-1 img{filter:brightness(0)invert()}.inner-banner .banner-content-wrapper h1{font:var(--banner-font);color:var(--white-color);margin-bottom:20px;line-height:1.2;animation:1s .2s both fadeInUp}.inner-banner .banner-content-wrapper p{font:var(--para-font);color:var(--white-color);opacity:.9;margin-bottom:30px;line-height:1.6;animation:1s .4s both fadeInUp}.inner-banner .banner-scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.inner-banner .scroll-mouse{border:2px solid var(--white-color);border-radius:25px;width:30px;height:50px;position:relative}.inner-banner .scroll-mouse:before{content:"";background:var(--white-color);border-radius:2px;width:4px;height:8px;animation:1.5s infinite scrollWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;top:8px}to{opacity:0;top:24px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.breadcrumb-modern{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;background:0 0;flex-wrap:nowrap;align-items:center;margin:0;padding:0;display:flex;overflow-x:auto}.breadcrumb-modern::-webkit-scrollbar{display:none}.breadcrumb-item-modern{font:var(--body-font);color:var(--para-color);align-items:center;display:flex;position:relative}.breadcrumb-item-modern a{color:var(--para-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:8px;align-items:center;gap:8px;padding:8px 15px;text-decoration:none;display:flex}.breadcrumb-item-modern a:hover{background:var(--body-color);color:var(--theme-color)}.breadcrumb-item-modern .separator{color:var(--border-color);margin:0 1rem 0 0;font-size:1.2rem}.breadcrumb-item-modern.active{color:var(--theme-color);background:var(--white-color-behind);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:8px;max-width:320px;padding:8px 15px;font-weight:600;display:inline-block;overflow:hidden}.sc-project-card{background:var(--white-color);border:2px solid var(--border-color);height:100%;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.2, 1, .3, 1);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sc-project-card:hover{border-color:var(--theme-color);transform:translateY(-8px)scale(1.01);box-shadow:0 30px 70px -15px #0b666a2e}.sc-card__terminal-header{border-bottom:1.5px solid var(--border-color);background:#f8fafc;align-items:center;gap:6px;height:36px;padding:0 16px;transition:background .3s;display:flex}.sc-project-card:hover .sc-card__terminal-header{background:var(--theme-color);border-bottom-color:var(--theme-color)}.sc-terminal-dot{border-radius:50%;width:8px;height:8px}.sc-terminal-dot--red{background:#ff5f56}.sc-terminal-dot--yellow{background:#ffbd2e}.sc-terminal-dot--green{background:#27c93f}.sc-project-card:hover .sc-terminal-dot{background:#ffffff80}.sc-card__image{background:#000;height:220px;position:relative;overflow:hidden}.sc-card__image img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,1,.3,1),opacity .4s}.sc-project-card:hover .sc-card__image img{opacity:.6;transform:scale(1.1)rotate(1deg)}.sc-card__floating-tech{z-index:10;gap:8px;display:flex;position:absolute;top:16px;right:16px}.sc-card__tech-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.175, .885, .32, 1.275);background:#ffffffe6;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #00000026}.sc-card__tech-icon img{object-fit:contain;width:18px;height:18px}.sc-project-card:hover .sc-card__tech-icon{background:var(--white-color);transform:translateY(-5px)}.sc-card__code-peek{color:var(--primary-color);opacity:0;pointer-events:none;z-index:2;white-space:pre-wrap;text-shadow:0 0 10px #f5872533;padding:20px;font-family:Fira Code,Courier New,monospace;font-size:11px;line-height:1.4;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.sc-project-card:hover .sc-card__code-peek{opacity:.08}.sc-card__body{z-index:5;flex-direction:column;flex-grow:1;padding:28px;display:flex;position:relative}.sc-card__tag{background:var(--heading-color);color:var(--white-color);text-transform:uppercase;letter-spacing:.08em;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;border-radius:8px;padding:4px 14px;font:700 .7rem Space Grotesk,sans-serif;position:absolute;top:-15px;left:28px;box-shadow:0 8px 16px #0000001a}.sc-project-card:hover .sc-card__tag{background:var(--primary-color);transform:translateY(-3px)}.sc-card__tag--hot{background:#ff3b30}.sc-card__badges{gap:8px;margin-top:5px;margin-bottom:20px;display:flex}.sc-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:5px 12px;font:700 .65rem Space Grotesk,sans-serif}.sc-badge--tech{color:#475569;background:#f1f5f9;border:1.5px solid #e2e8f0}.sc-badge--level{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color)}.sc-card__title{color:var(--heading-color);letter-spacing:-.02em;margin-bottom:12px;font:800 1.5rem/1.2 Space Grotesk,sans-serif;transition:color .3s}.sc-project-card:hover .sc-card__title{color:var(--theme-color)}.sc-card__desc{color:var(--para-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:25px;font:400 .95rem/1.7 Space Grotesk,sans-serif;display:-webkit-box;overflow:hidden}.sc-card__footer{border-top:1.5px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;transition:border-color .3s;display:flex}.sc-project-card:hover .sc-card__footer{border-top-color:color-mix(in srgb, var(--theme-color) 20%, transparent)}.sc-card__stats{gap:20px;display:flex}.sc-stat{flex-direction:column;gap:2px;display:flex}.sc-stat__val{color:var(--heading-color);font:800 1rem/1 Space Grotesk,sans-serif}.sc-stat__label{color:var(--para-color);text-transform:uppercase;letter-spacing:.04em;font:600 .65rem Space Grotesk,sans-serif}.sc-card__actions{gap:10px;display:flex}.sc-btn{width:44px;height:44px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.175, .885, .32, 1.275);color:var(--heading-color);background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:flex}.sc-btn span{display:none}.sc-btn--view{background:var(--theme-color);color:var(--white-color);border-color:var(--theme-color)}.sc-btn--view:hover{background:var(--heading-color);border-color:var(--heading-color);transform:scale(1.12);box-shadow:0 10px 20px #0b666a33}.sc-btn--download:hover{background:var(--primary-color);color:var(--white-color);border-color:var(--primary-color);background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.12);box-shadow:0 10px 20px #f5872533}.terminal-window{background:var(--heading-color);box-shadow:0 20px 60px color-mix(in srgb, var(--black-color) 30%, transparent);border-radius:12px;flex-direction:column;max-width:90%;height:calc(100vh - 2rem);max-height:700px;transition:background .3s;display:flex;overflow:hidden}.terminal-window.light-mode{background:var(--white-color);box-shadow:0 20px 60px color-mix(in srgb, var(--black-color) 10%, transparent)}.terminal-header{background:linear-gradient(to bottom, var(--black-color), var(--heading-color));border-bottom:1px solid var(--border-color);opacity:.9;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .3s;display:flex}.terminal-window.light-mode .terminal-header{background:linear-gradient(to bottom, var(--white-color-behind), var(--gray-bg));opacity:1}.terminal-buttons{gap:.5rem;display:flex}.terminal-btn{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:opacity .2s}.terminal-btn:hover{opacity:.8}.btn-close-terminal{background:var(--window-red)}.btn-minimize{background:var(--window-yellow)}.btn-maximize{background:var(--window-green)}.terminal-title{font:var(--btn-font);color:var(--white-color);opacity:.8;transition:color .3s}.terminal-window.light-mode .terminal-title{color:var(--heading-color)}.terminal-actions{align-items:center;gap:.5rem;display:flex}.terminal-action-btn{background:var(--white-color);color:var(--black-color);font:var(--small-btn-font);cursor:pointer;border:none;border-radius:6px;padding:.25rem .75rem;transition:transform .45s,opacity .45s,background .45s,box-shadow .45s .2s}.terminal-action-btn:hover{background:var(--primary-color);color:var(--white-color)}.mode-toggle{background:var(--primary-color);cursor:pointer;border:2px solid var(--border-color);border-radius:30px;width:60px;height:30px;padding:0;transition:background .3s;position:relative}.mode-toggle.active{background:var(--theme-color)}.mode-toggle-slider{background:var(--white-color);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .3s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.mode-toggle.active .mode-toggle-slider{transform:translate(30px)}.mode-toggle svg{width:14px;height:14px;fill:var(--heading-color);transition:fill .3s}.mode-toggle.active svg{fill:var(--primary-color)}.terminal-body{flex:1;padding:1.5rem;font-family:Courier New,monospace;font-size:clamp(.875rem,.8rem + .3vw,1rem);line-height:1.6;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:var(--theme-color)}.terminal-body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.terminal-line{margin-bottom:0;animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.terminal-prompt{color:var(--primary-color);font-weight:600}.terminal-info{color:var(--white-color);opacity:.8;transition:color .3s}.terminal-window.light-mode .terminal-info{color:var(--para-color)}.terminal-input-line{align-items:center;margin-top:1rem;display:flex}.terminal-input{color:var(--white-color);background:0 0;border:none;outline:none;flex:1;margin-left:.5rem;padding:0;font-family:Courier New,monospace;font-size:clamp(.875rem,.8rem + .3vw,1rem);transition:color .3s}.terminal-window.light-mode .terminal-input{color:var(--heading-color)}.terminal-input::placeholder{color:var(--white-color);opacity:.5}.terminal-window.light-mode .terminal-input::placeholder{color:var(--para-color)}.cursor{background:var(--primary-color);width:8px;height:1em;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.resume-cta .cta-container{background:var(--white-color);border-radius:30px;padding:0;overflow:hidden;box-shadow:0 10px 40px #00000014}.resume-cta .cta-row{min-height:500px}.resume-cta .cta-left{background:var(--primary-color);flex-direction:column;justify-content:center;height:100%;padding:40px 30px;display:flex;position:relative}.resume-cta .cta-left:before,.resume-cta .cta-left:after{content:"";background:color-mix(in srgb, var(--white-color) 8%, transparent);border-radius:50%;position:absolute}.resume-cta .cta-left:before{width:200px;height:200px;top:0;right:0;transform:translate(50%,-50%)}.resume-cta .cta-left:after{width:150px;height:150px;bottom:0;left:0;transform:translate(-50%,50%)}.resume-cta .cta-badge{color:var(--white-color);font:var(--badge-font);text-transform:uppercase;letter-spacing:1.5px;background:#fff3;border-radius:30px;align-items:center;gap:1rem;width:fit-content;margin-bottom:20px;padding:10px 20px;display:inline-flex}.resume-cta .cta-badge img{filter:brightness(10)}.resume-cta .cta-title{font:var(--banner-font);color:var(--white-color);z-index:1;margin-bottom:15px;position:relative}.resume-cta .cta-subtitle{font:var(--para-font);color:color-mix(in srgb, var(--white-color) 95%, transparent);z-index:1;margin-bottom:30px;position:relative}.resume-cta .cta-stats{z-index:1;gap:50px;margin-top:20px;display:flex;position:relative}.resume-cta .stat-item{text-align:left}.resume-cta .stat-number{font:var(--heading-font);color:var(--white-color);text-align:center;margin-bottom:5px}.resume-cta .stat-label{font:var(--badge-font);color:color-mix(in srgb, var(--white-color) 80%, transparent);text-transform:uppercase;letter-spacing:1px;text-align:center}.resume-cta .cta-right{background:var(--white-color);flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:40px 30px;display:flex}.resume-cta .cta-icon-box{background:var(--primary-color);width:70px;height:70px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:18px;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.resume-cta .cta-container:hover .cta-icon-box{background:var(--primary-color);color:var(--white-color);transform:scale(1.1)rotate(-5deg)}.resume-cta .cta-heading{font:var(--sub-heading-font);color:var(--heading-color);margin-bottom:15px}.resume-cta .cta-text{font:var(--para-font);color:var(--para-color);margin-bottom:10px;line-height:1.7}.resume-cta .resume-btn-group{gap:30px;display:flex}.resume-cta .btn-secondary-cta:hover{background:var(--body-color);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.resume-cta .cta-features{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.resume-cta .feature-tag{font:var(--badge-font);color:var(--para-color);align-items:center;gap:8px;display:flex}.project-cta .home-cta-wrapper{max-width:1200px;margin:0 auto}.project-cta .home-cta-container{background:var(--white-color);box-shadow:0 20px 60px color-mix(in srgb, var(--black-color) 8%, transparent);border:2px solid var(--border-color);border-radius:32px;padding:60px;position:relative;overflow:hidden}.project-cta .home-cta-container:before{content:"";background:var(--primary-color);width:100%;height:8px;position:absolute;top:0;left:0}.project-cta .home-cta-content{text-align:center;margin-bottom:40px}.project-cta .home-cta-icon-wrapper{background:var(--body-color);border:3px solid var(--theme-color);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.project-cta .home-cta-icon-wrapper i{color:var(--theme-color);font-size:36px}.project-cta .home-cta-title{font:var(--sub-heading-font);color:var(--heading-color);margin-bottom:16px}.project-cta .home-cta-text{font:var(--para-font);color:var(--para-color);max-width:600px;margin:0 auto;line-height:1.7}.project-cta .home-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:fit-content;margin:2rem auto;display:flex}.project-cta .home-cta-info{border-top:2px solid var(--border-color);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 40px;margin-top:32px;padding-top:32px;display:flex}@media (min-width:992px){.project-cta .home-cta-info{flex-wrap:nowrap}}.project-cta .home-cta-info-item{align-items:center;gap:12px;display:flex}.project-cta .home-cta-info-icon{background:var(--body-color);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.project-cta .home-cta-info-icon i{color:var(--primary-color);font-size:20px}.project-cta .home-cta-info-text{text-align:left}.project-cta .home-cta-info-label{color:var(--para-color);font:500 .875rem/1.2 DM Sans,sans-serif;display:block}.project-cta .home-cta-info-value{color:var(--heading-color);font:600 1rem/1.2 DM Sans,sans-serif;display:block}.project-cta .accordion-item.accordion-open:before{content:"";background:var(--theme-color);z-index:1;width:6px;height:100%;transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.cta-1{background:var(--body-color)}.cta-1 .cta-card{background:var(--theme-color);color:var(--white-color);box-shadow:var(--card-shadow-hover);border-radius:30px;padding:60px;position:relative;overflow:hidden}.cta-1 .float-circle{background:color-mix(in srgb, var(--white-color) 15%, transparent);border-radius:50%;animation:6s ease-in-out infinite float-up-down;position:absolute}.circle-1{width:120px;height:120px;top:-40px;right:10%}.circle-2{width:80px;height:80px;animation-delay:1s;bottom:20px;left:5%}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.cta-1 .badge{background:color-mix(in srgb, var(--white-color) 15%, transparent);color:var(--white-color);font:var(--badge-font);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;gap:1rem;padding:8px 20px;display:inline-flex}.cta-1 .main-heading{font:var(--heading-font);color:var(--white-color);margin-bottom:20px;line-height:normal}.cta-1 .sub-text p,.cta-1 .sub-text{font:var(--para-font);color:color-mix(in srgb, var(--white-color) 85%, transparent);max-width:600px;margin-bottom:0}.cta-1 .cta-1-btn-group{gap:30px;max-width:fit-content;display:flex}.cta-1 .cta-1-btn-group .primary-btn:hover{background:var(--white-color);color:var(--theme-color)}.cta-1 .cta-1-btn-group .primary-btn:hover .primary-btn-icon{background:var(--theme-color)}.cta-1 .cta-1-btn-group .primary-btn-svg-before path{fill:var(--white-color)}.cta-1 .cta-1-btn-group .secondary-btn span{color:var(--white-color)}.cta-1 .cta-1-btn-group .secondary-btn svg{stroke:var(--white-color)}.cta-1 .cta-1-btn-group .secondary-btn:before{background:color-mix(in srgb, var(--white-color) 20%, transparent)}.cta-1 .illustration-container{background:var(--white-color);box-shadow:var(--card-shadow-hover);border-radius:20px;padding:40px}.cta-1 .monitor-screen{background:var(--body-color);border-radius:10px;padding:20px}.cta-1 .browser-bar{gap:6px;margin-bottom:15px;display:flex}.cta-1 .browser-dot{border-radius:50%;width:10px;height:10px}.cta-1 .dot-red{background:var(--window-red)}.cta-1 .dot-yellow{background:var(--window-yellow)}.cta-1 .dot-green{background:var(--window-green)}.cta-1 .stats-badges .stat-badge{background:color-mix(in srgb, var(--white-color) 15%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white-color);border-radius:15px;flex:0 0 30%;padding:15px 50px}.cta-1 .stat-number{font-size:1.8rem;font-weight:800;display:block}.cta-1 .stat-label{opacity:.9;font-size:.9rem;line-height:normal}.blog .featured-card{width:376px;max-width:100%;box-shadow:var(--card-shadow);cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:24px;position:relative;overflow:hidden}.blog .featured-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.blog .featured-card img{object-fit:cover;opacity:.95;width:100%;height:540px}.blog .featured-content{background:linear-gradient(to top, color-mix(in srgb, var(--black-color) 95%, transparent), color-mix(in srgb, var(--black-color) 50%, transparent), transparent);padding:30px;position:absolute;bottom:0;left:0;right:0}.blog .featured-badge,.blog .large-badge{background:var(--primary-color);color:var(--white-color);font:var(--small-badge-font);letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:10px;padding:6px 16px;display:inline-block}.blog .featured-title,.blog .large-title{color:var(--white-color);font:var(--small-heading-font);margin:1rem 0;line-height:normal}.blog .featured-meta{color:#fffc;font:var(--badge-font);gap:20px;display:flex}.blog .featured-meta i{color:var(--primary-color);margin-right:5px}.blog .small-blog-card{border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;transition:transform .45s,opacity .45s,background .45s,box-shadow .45s .3s}.blog .small-blog-card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);transform:translate(5px)}.blog .small-icon{border-radius:16px;flex-shrink:0;width:130px;height:130px;overflow:hidden}.blog .small-icon img{object-fit:cover;width:100%;height:100%}.blog .small-category{color:var(--theme-color);text-transform:uppercase;font:var(--badge-font)}.blog .small-title{font:var(--body-font);color:var(--heading-color);margin:5px 0;font-weight:500}.blog .small-date{color:var(--para-color);font:var(--badge-font)}.blog .large-blog-card{width:376px;max-width:100%;box-shadow:var(--card-shadow);border-radius:24px;transition:all .3s;position:relative;overflow:hidden}.blog .large-blog-card img{object-fit:cover;width:100%;height:251px}.blog .large-blog-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.blog .large-card-content{background:linear-gradient(#0000,#0012194d,#001219e6);padding:25px;position:absolute;bottom:0;left:0;right:0}.blog .primary-btn{margin-top:2rem}.tips-tricks .tip-card-badge{background:var(--primary-color);color:var(--white-color);font:var(--small-badge-font);letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:10px;padding:6px 16px;display:inline-block;position:absolute;top:15px;right:10px}.tips-tricks .card-img-overlay{top:unset;background:linear-gradient(#0000 0%,#001219f2 60%);border-radius:20px;padding:3rem;bottom:0}.tips-tricks .card{border-radius:20px;height:100%;transition:transform .45s,opacity .45s,background .45s,box-shadow .45s .3s}.tips-tricks .card-image{border-radius:20px;width:100%;height:100%;overflow:hidden}.tips-tricks .card-img-overlay h3{font:var(--sub-heading-font);color:var(--white-color);margin-bottom:10px}.tips-tricks .card-img-overlay p,.tips-tricks .excerpt-text{font:var(--body-font);color:var(--white-color);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:20px;display:-webkit-box;overflow:hidden}@media (min-width:992px){.tips-tricks .col-xl-6:not(.right-column) .card-image{max-width:100%;width:576px!important;height:501px!important}.tips-tricks .right-column .card-image{max-width:100%;width:239px!important;height:100%!important}.tips-tricks .card-image img{object-fit:cover!important;width:100%!important;height:100%!important}}.tips-tricks span.tip-card-number{background-color:var(--primary-color);font:var(--small-heading-font);color:var(--white-color);text-align:center;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;display:inline-flex}.tips-tricks .card-body p{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tips-tricks .right-column .tip-card-number{position:absolute;top:10px;right:20px}.tips-tricks .right-column .card-image{border-radius:20px 0 0 20px}.tips-tricks .card-body{height:100%;padding:2rem 1.5rem}.tips-tricks .card-body h3{font:var(--small-heading-font);line-height:normal}.tips-tricks .card-body p,.tips-tricks .card-body .excerpt-text{font:var(--body-font);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tips-tricks article{height:100%}.tips-tricks .card:hover{transform:translate(5px)}.tips-tricks .right-column .card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover)}.cta-2{background-color:var(--body-color);position:relative;overflow:hidden}.cta-2 .section-title-center{margin-bottom:2rem}.cta-2 .cta-bg-wrapper{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cta-2 .cta-bg-shape{opacity:.06;position:absolute}.cta-2 .bg-shape-1{border:40px solid var(--theme-color);border-radius:50%;width:400px;height:400px;animation:20s linear infinite rotate;top:0;right:-100px}.cta-2 .bg-shape-2{border:30px solid var(--primary-color);width:300px;height:300px;animation:15s linear infinite reverse rotate;bottom:-80px;left:-80px;transform:rotate(45deg)}.cta-2 .bg-shape-3{background-color:var(--theme-color);border-radius:30px;width:150px;height:150px;animation:8s ease-in-out infinite float;top:50%;left:10%;transform:translateY(-50%)rotate(15deg)}.cta-2 .bg-shape-4{background-color:var(--primary-color);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:120px;height:120px;animation:6s ease-in-out infinite float;bottom:20%;right:15%}.cta-2 .bg-dots-pattern{background-image:radial-gradient(circle, var(--theme-color) 1px, transparent 1px);opacity:.04;background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}.cta-2 .bg-lines-pattern{background-image:linear-gradient(90deg, var(--border-color) 1px, transparent 1px), linear-gradient(0deg, var(--border-color) 1px, transparent 1px);opacity:.3;background-size:50px 50px;width:50%;height:100%;position:absolute;top:0;right:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(-30px)rotate(55deg)}}.cta-2 .cta-main-container{z-index:10;background-color:var(--white-color);box-shadow:0 20px 60px color-mix(in srgb, var(--black-color) 8%, transparent);border:1px solid var(--border-color);border-radius:30px;padding:80px 60px;position:relative}.cta-2 .corner-decoration{border:3px solid var(--primary-color);width:60px;height:60px;position:absolute}.cta-2 .corner-top-left{border-bottom:none;border-right:none;border-radius:15px 0 0;top:20px;left:20px}.cta-2 .corner-bottom-right{border-top:none;border-left:none;border-radius:0 0 15px;bottom:20px;right:20px}.cta-2 .cta-stats-grid{border-top:2px dashed var(--border-color);border-bottom:2px dashed var(--border-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:50px;padding:40px 0;display:grid}.cta-2 .cta-stat-item{text-align:center;position:relative}.cta-2 .cta-stat-item:after{content:"";background-color:var(--border-color);width:2px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cta-2 .cta-stat-item:last-child:after{display:none}.cta-2 .cta-stat-icon{background-color:color-mix(in srgb, var(--theme-color) 8%, transparent);width:70px;height:70px;color:var(--theme-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;font-size:28px;display:flex}.cta-2 .cta-stat-item:nth-child(2) .cta-stat-icon{background-color:color-mix(in srgb, var(--primary-color) 8%, transparent);color:var(--primary-color)}.cta-2 .cta-stat-item:hover .cta-stat-icon{border-color:currentColor;transform:scale(1.1)rotateY(360deg)}.cta-2 .cta-stat-title{font:var(--small-heading-font);color:var(--heading-color);margin-bottom:8px;font-size:1.1rem}.cta-2 .cta-stat-text{font:var(--para-font);color:var(--para-color);font-size:.9rem}.cta-2 .cta-seo-section{text-align:center}.cta-2 .cta-seo-title{font:var(--btn-font);color:var(--para-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:.9rem}.cta-2 .cta-seo-links{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.cta-2 .cta-seo-link{background-color:var(--body-color);border:2px solid var(--border-color);color:var(--theme-color);font:var(--btn-font);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;text-decoration:none;display:flex;position:relative}.cta-2 .cta-seo-link:before{content:"";background-color:var(--theme-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cta-2 .cta-seo-link:hover:before{width:80%}.cta-2 .cta-seo-link:hover{background-color:var(--theme-color);color:var(--white-color);border-color:var(--theme-color);transform:translateY(-3px)}.cta-2 .cta-seo-link:hover img{filter:brightness(0)invert()}.cta-2 .cta-2-actions{flex-wrap:nowrap;justify-content:center;gap:2rem;width:fit-content;margin:0 auto 3rem;display:flex}.tutorials-section .section-title{background:var(--white-color);box-shadow:0 10px 40px color-mix(in srgb, var(--primary-color) 10%, transparent);border-radius:32px;padding:50px 40px;position:relative;overflow:hidden}.tutorials-section .section-title:before{content:"";background:var(--primary-color);opacity:.1;border-radius:50%;width:150px;height:150px;position:absolute;top:20px;right:20px}.tutorials-section .sidebar-card{background:var(--white-color);box-shadow:0 8px 30px color-mix(in srgb, var(--primary-color) 12%, transparent);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;border-radius:24px;flex:1;margin-bottom:30px;padding:35px}.tutorials-section .sidebar-card:hover{box-shadow:0 12px 40px color-mix(in srgb, var(--primary-color) 20%, transparent);transform:translateY(-3px)}.tutorials-section .sidebar-title{color:var(--heading-color);align-items:center;gap:12px;margin-bottom:25px;display:flex}.tutorials-section .stat-item{background:linear-gradient(135deg, var(--body-color) 0%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;background:linear-gradient(135deg, var(--body-color) 0%, color-mix(in srgb, var(--primary-color) 5%, transparent) 100%);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border-radius:16px;align-items:center;gap:20px;margin-bottom:0;padding:20px;display:flex}.tutorials-section .stat-item:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 10%, transparent) 0%, color-mix(in srgb, var(--primary-color) 15%, transparent) 100%);transform:translate(8px)}.tutorials-section .stat-icon{background:var(--primary-color);width:60px;height:60px;color:var(--white-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:flex}.tutorials-section .stat-icon img{filter:brightness(0)invert()}.tutorials-section .stat-content{flex:1}.tutorials-section .stat-value{color:var(--heading-color);margin-bottom:4px;font-size:clamp(1.5rem,2vw,2rem);font-weight:800}.tutorials-section .stat-label{font:var(--body-font);color:var(--para-color);font-size:14px;font-weight:600}.tutorials-section .sidebar-card-row{flex-wrap:wrap;justify-content:space-between;gap:0;margin:2rem auto;display:flex}.tutorials-section .filter-tabs-container ul{background:var(--white-color);box-shadow:0 5px 25px color-mix(in srgb, var(--primary-color) 15%, transparent);border-radius:100px;gap:10px;padding:15px 30px;display:inline-flex}.tutorials-section .nav-pills .nav-item.show .nav-link,.tutorials-section .nav-pills .nav-link.active,.tutorials-section .nav-pills .nav-link:hover{background:var(--primary-color);color:var(--white-color);transform:scale(1.05)}.tutorials-section .nav-pills .nav-item.show .nav-link img,.tutorials-section .nav-pills .nav-link.active img,.tutorials-section .nav-pills .nav-link:hover img{filter:brightness(0)invert()}.tutorials-section .nav-pills .nav-link{font:var(--btn-font);color:var(--para-color);cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;background:0 0;border:none;border-radius:100px;align-items:center;gap:10px;padding:15px 20px;font-weight:600;display:flex;position:relative}.tutorials-section .filter-tabs-container{text-align:center;margin:6rem auto 3rem}.tutorials-section .video-item{background:var(--white-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.4, 0, .2, 1);cursor:pointer;box-shadow:0 5px 20px color-mix(in srgb, var(--theme-color) 8%, transparent);border-radius:24px;margin-bottom:30px;position:relative;overflow:hidden}.tutorials-section .video-item:hover{box-shadow:0 15px 50px color-mix(in srgb, var(--theme-color) 20%, transparent);transform:translateY(-12px)}.tutorials-section .video-thumb-wrapper{background:var(--heading-color);height:220px;position:relative;overflow:hidden}.tutorials-section .video-thumb-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .6s ease;filter:grayscale(.2)}.tutorials-section .video-item:hover .video-thumb-wrapper img{filter:grayscale(0);transform:scale(1.2)rotate(2deg)}.tutorials-section .video-overlay{opacity:0;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tutorials-section .video-item:hover .video-overlay{opacity:1}.tutorials-section .play-btn-large{background:var(--white-color);width:70px;height:70px;color:var(--primary-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.4, 0, .2, 1);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;transform:scale(.6)}.tutorials-section .video-item:hover .play-btn-large{background:var(--primary-color);color:var(--white-color);transform:scale(1)rotate(0)}.tutorials-section .platform-label{font:var(--badge-font);text-transform:uppercase;letter-spacing:1px;color:var(--white-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-weight:700;display:flex;position:absolute;top:15px;left:15px}.tutorials-section .platform-label img,.tutorials-section .platform-label img:hover{width:15px;filter:brightness(0)invert()!important}.tutorials-section .video-thumb-wrapper .play-btn-large img,.tutorials-section .video-thumb-wrapper .play-btn-large img:hover{width:30px;transform:unset!important}.tutorials-section .platform-label.youtube{background:#ff0000f2}.tutorials-section .platform-label.shorts{background:#000000f2}.tutorials-section .platform-label.reels{background:#e4405ff2}.tutorials-section .time-badge{color:var(--white-color);font:var(--badge-font);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:8px;padding:6px 12px;font-weight:700;position:absolute;bottom:15px;right:15px}.tutorials-section .video-info{padding:25px}.tutorials-section .video-category{background:var(--theme-color);color:var(--white-color);font:var(--badge-font);text-transform:uppercase;letter-spacing:1px;border-radius:8px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.tutorials-section .video-heading{font:var(--small-heading-font);color:var(--heading-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:55px;margin-bottom:12px;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.tutorials-section .video-text{font:var(--body-font);color:var(--para-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.tutorials-section .video-metrics{align-items:center;gap:20px;margin-bottom:30px;padding-top:10px;display:flex}.tutorials-section .metric{font:var(--body-font);color:var(--para-color);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.tutorials-section .metric i{color:var(--primary-color);font-size:16px}.tutorials-section .video-buttons{justify-content:space-between;gap:10px;display:flex}.tutorials-section .btn-watch{background:var(--primary-color);color:var(--white-color);font:var(--btn-font);cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:13px;font-weight:700;display:flex}.tutorials-section .btn-watch:hover{background:var(--theme-color);transform:translateY(-2px)}.tutorials-section .btn-share{background:var(--theme-color);width:50px;height:50px;color:var(--white-color);cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.tutorials-section .btn-share:hover{background:var(--theme-color);color:var(--white-color);transform:translateY(-2px)rotate(15deg)}.tutorials-section .modal-content{background:var(--white-color);border-radius:32px;width:100%;max-width:500px;padding:70px 40px;position:relative;box-shadow:0 20px 60px #0000004d}.tutorials-section .share-close{background-color:var(--theme-color);cursor:pointer;width:40px;height:40px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;color:var(--heading-color);opacity:1;background-image:url(/images/menu/close.svg);background-size:20px;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.tutorials-section .share-close:hover{background-color:var(--primary-color);color:var(--white-color);transform:rotate(90deg)}.tutorials-section .share-title{font:var(--sub-heading-font);color:var(--heading-color);text-align:center;margin-bottom:30px}.tutorials-section .social-buttons{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tutorials-section .social-btn{cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;background:var(--body-color);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;text-decoration:none;display:flex}.tutorials-section .social-btn:hover{transform:translateY(-3px)}.tutorials-section .social-btn i{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;font-size:32px}.tutorials-section .social-btn span{font:var(--body-font);color:var(--heading-color);font-weight:600}.tutorials-section .social-btn.facebook:hover{background:#1877f2}.tutorials-section .social-btn.facebook:hover i,.tutorials-section .social-btn.facebook:hover span{color:var(--white-color)}.tutorials-section .social-btn.facebook i{color:#1877f2}.tutorials-section .social-btn.twitter:hover{background:#1da1f2}.tutorials-section .social-btn.twitter:hover i,.tutorials-section .social-btn.twitter:hover span{color:var(--white-color)}.tutorials-section .social-btn.twitter i{color:#1da1f2}.tutorials-section .social-btn.linkedin:hover{background:#0a66c2}.tutorials-section .social-btn.linkedin:hover i,.tutorials-section .social-btn.linkedin:hover span{color:var(--white-color)}.tutorials-section .social-btn.linkedin i{color:#0a66c2}.tutorials-section .social-btn.whatsapp:hover{background:#25d366}.tutorials-section .social-btn.whatsapp:hover i,.tutorials-section .social-btn.whatsapp:hover span{color:var(--white-color)}.tutorials-section .social-btn.whatsapp i{color:#25d366}.tutorials-section .social-btn.telegram:hover{background:#08c}.tutorials-section .social-btn.telegram:hover i,.tutorials-section .social-btn.telegram:hover span{color:var(--white-color)}.tutorials-section .social-btn.telegram i{color:#08c}.tutorials-section .social-btn.email:hover{background:var(--primary-color)}.tutorials-section .social-btn.email:hover i,.tutorials-section .social-btn.email:hover span{color:var(--white-color)}.tutorials-section .social-btn.email i{color:var(--primary-color)}.tutorials-section .copy-link-section{margin-top:24px;padding-top:24px}.tutorials-section .copy-link-wrapper{gap:12px;display:flex}.tutorials-section .copy-link-input{border:2px solid var(--body-color);font:var(--body-font);background:var(--body-color);border-radius:100px;flex:1;padding:16px 20px}.tutorials-section .copy-link-btn{background:var(--theme-color);color:var(--white-color);font:var(--btn-font);cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border:none;border-radius:100px;align-items:center;gap:8px;padding:16px 32px;font-weight:700;display:flex}.tutorials-section .copy-link-btn:hover{background:var(--primary-color);transform:translateY(-2px)}.tutorials-section .btn-explore{background:var(--theme-color);color:var(--white-color);font:var(--btn-font);cursor:pointer;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.4, 0, .2, 1);text-transform:uppercase;letter-spacing:2px;box-shadow:0 10px 30px color-mix(in srgb, var(--theme-color) 30%, transparent);border:none;border-radius:100px;align-items:center;gap:16px;padding:24px 60px;font-size:20px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.tutorials-section .btn-explore:before{content:"";background:var(--primary-color);width:100%;height:100%;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;position:absolute;top:0;left:-100%}.tutorials-section .btn-explore:hover:before{left:0}.tutorials-section .btn-explore:hover{box-shadow:0 15px 40px color-mix(in srgb, var(--theme-color) 40%, transparent);transform:translateY(-4px)}.tutorials-section .btn-explore span,.tutorials-section .btn-explore i{z-index:1;position:relative}.tutorials-section .btn-explore i{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;font-size:26px}.tutorials-section .btn-explore:hover i{transform:translate(10px)rotate(45deg)}.tutorials-section .floating-shape{opacity:.08;z-index:0;border-radius:20px;animation:20s ease-in-out infinite float;position:absolute}.tutorials-section .shape-1{background:var(--primary-color);width:300px;height:300px;animation-delay:0s;top:10%;left:4%;transform:rotate(45deg)}.tutorials-section .shape-2{background:var(--theme-color);width:200px;height:200px;animation-delay:5s;bottom:15%;left:3%;transform:rotate(-30deg)}.tutorials-section .shape-3{background:var(--primary-color);z-index:-1;width:150px;height:150px;animation-delay:10s;top:60%;right:3%;transform:rotate(60deg)}#videoAccordion{display:none}.tutorials-section .video-buttons .primary-btn{width:80%}.faq-section .faq-accordion-wrapper{max-width:1200px;margin:0 auto}.faq-section .accordion-item{background:var(--white-color);border:2px solid var(--border-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.4, 0, .2, 1);border-radius:20px;margin-bottom:1rem;position:relative}.faq-section .accordion-item:before{content:"";border:2px solid var(--theme-color);z-index:1;border-top:0;border-bottom:0;border-right:0;border-radius:16px;width:40px;height:0;transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.faq-section .accordion-item:hover{box-shadow:var(--card-shadow-hover);border-color:var(--theme-color);transform:translate(8px)}.faq-section .accordion-item:hover:before{height:100%}.faq-section .accordion-header{position:relative}.faq-section .accordion-button{font:var(--small-heading-font);color:var(--heading-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;border:none;align-items:center;gap:20px;padding:28px 32px;line-height:normal;display:flex;position:relative;box-shadow:none!important}.faq-section .accordion-button:not(.collapsed){color:var(--theme-color)}.faq-section .accordion-button:after{display:none}.faq-section .faq-icon-box{background:var(--body-color);width:56px;height:56px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;border:2px solid var(--border-color);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-section .accordion-button:not(.collapsed) .faq-icon-box img,.faq-section .accordion-item:hover .faq-icon-box img{filter:brightness(0)invert()}.faq-section .accordion-button:not(.collapsed) .faq-icon-box,.faq-section .accordion-item:hover .faq-icon-box{background:var(--theme-color);border-color:var(--theme-color);transform:rotate(5deg)scale(1.05)}.faq-section .faq-icon-box i{color:var(--theme-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;font-size:26px}.faq-section .accordion-button:not(.collapsed) .faq-icon-box i,.faq-section .accordion-item:hover .faq-icon-box i{color:var(--white-color);transform:scale(1.1)}.faq-section .faq-number{background:var(--body-color);width:40px;height:40px;color:var(--theme-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .45s ease;z-index:2;border-radius:50%;justify-content:center;align-items:center;font:600 .875rem/1 DM Sans,sans-serif;display:flex;position:absolute;top:20px;right:20px}.faq-section .accordion-item.accordion-open .faq-number,.faq-section .accordion-button:not(.collapsed)~.faq-number,.faq-section .accordion-item:hover .faq-number{background:var(--primary-color);color:var(--white-color);transform:scale(1.1)}.faq-section .accordion-collapse{border:none}.faq-section .accordion-body{font:var(--para-font);color:var(--para-color);padding:0 32px 28px 108px;line-height:1.8}.faq-section .accordion-button span{max-width:80%;display:block}.faq-section .accordion-body p{font:var(--para-font);color:var(--para-color);line-height:normal}.faq-accordion-wrapper .row{align-items:stretch}.faq-accordion-wrapper .col-lg-6{flex-direction:column;display:flex}.faq-accordion-wrapper .accordion-item{flex-direction:column;flex:1;display:flex}.faq-accordion-wrapper .accordion-button{flex:1;align-items:center;gap:16px;display:flex}.faq-accordion-wrapper .accordion-button span{white-space:normal;line-height:1.35}.pd-gallery-2026{background-color:var(--bg-color);position:relative}.brutalist-bg-text{text-transform:uppercase;color:#0000;-webkit-text-stroke:2px var(--border-color);opacity:.1;letter-spacing:-5px;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,20vw,25rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-drag-cursor{background-color:var(--primary-color);color:#fff;letter-spacing:1px;pointer-events:none;z-index:9999;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;transition:width .3s,height .3s,opacity .3s,background-color .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.5)}.cards-interactive-area{width:100%;position:relative}.cards-slider-2026{width:100%;max-width:800px;height:clamp(350px,45vh,600px);margin:0 auto;padding:0 0 40px;overflow:visible}.brutalist-card{border-radius:var(--radius-2xl);background-color:var(--white-color);border:1px solid var(--border-color);width:100%;max-width:700px;box-shadow:var(--shadow-md);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .8s cubic-bezier(.25, 1, .5, 1);flex-direction:column;display:flex;overflow:hidden}.card-inner-wrap{border-radius:var(--radius-2xl);width:100%;height:100%;position:relative;overflow:hidden}.card-inner-wrap img{object-fit:cover;filter:brightness(.7)contrast(1.1)grayscale(.5);width:100%;height:100%;transition:filter .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.swiper-slide-active .card-inner-wrap img{filter:brightness()contrast(1.1)grayscale(0)!important;transform:scale(1.05)!important}.card-caption{background:var(--white-color);color:var(--heading-color);border-radius:var(--radius-lg);opacity:0;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease .2s;flex-direction:column;padding:15px 25px;display:flex;position:absolute;bottom:30px;left:30px;transform:translateY(20px);box-shadow:0 10px 30px #0000001a}.step-num{color:var(--primary-color);margin-bottom:5px;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700}.step-text{text-transform:uppercase;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800}.swiper-slide-active .card-caption{opacity:1!important;transform:translateY(0)!important}@media (max-width:991px){.cards-slider-2026{max-width:90vw;height:400px}}@media (max-width:575px){.cards-slider-2026{height:380px;padding-bottom:60px}.card-caption{width:calc(100% - 40px);padding:10px 15px;bottom:20px;left:20px}.step-num{font-size:.8rem}.step-text{font-size:1rem}.brutalist-bg-text{font-size:10vw!important;top:10%!important}}.brutalist-nav-wrapper{z-index:10;pointer-events:none;z-index:10;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.brutalist-prev,.brutalist-next{pointer-events:auto;cursor:pointer}.brutalist-prev:after,.brutalist-next:after{display:none}.pd-technology-used{z-index:1;position:relative;overflow:hidden}.tech-marquee-container{width:100vw;margin-left:calc(50% - 50vw);padding-top:0;padding-bottom:30px;position:relative;overflow:hidden}.tech-marquee-container:before,.tech-marquee-container:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.tech-marquee-container:before{background:linear-gradient(to right, var(--bg-color) 0%, transparent 100%);left:0}.tech-marquee-container:after{background:linear-gradient(to left, var(--bg-color) 0%, transparent 100%);right:0}.tech-marquee-track{gap:30px;width:max-content;padding:10px 0;animation:30s linear infinite marqueeScroll;display:flex}.tech-marquee-track:hover{animation-play-state:paused}.tech-pill{background:var(--white-color);border:1px solid var(--border-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.165, .84, .44, 1);cursor:pointer;border-radius:80px;align-items:center;gap:20px;padding:15px 40px 15px 15px;display:inline-flex;box-shadow:0 10px 30px #00000008}.tech-icon-box{background:color-mix(in srgb, var(--gray-bg) 50%, var(--white-color));width:75px;height:75px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.175, .885, .32, 1.275);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.tech-pill:hover .tech-icon-box{transform:rotate(15deg)scale(1.1)}.tech-icon-box img{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease}.tech-name{font:var(--heading-font);color:var(--heading-color);letter-spacing:-.5px;font-size:1.4rem}.tech-pill:hover .react-glow{background:#61dafb1a;border-color:#61dafb66}.tech-pill:hover .nextjs-glow{background:#0000000d;border-color:#0000001a}.tech-pill:hover .php-glow{background:#777bb31a;border-color:#777bb366}.tech-pill:hover .seo-glow{background:#4285f41a;border-color:#4285f466}html[data-theme=dark] .tech-pill:hover .nextjs-glow{background:#ffffff1a;border-color:#fff3}html[data-theme=dark] .nextjs-icon{filter:invert()}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 15px))}}.pd-key-features{z-index:1;position:relative}.feature-card{text-align:left;background:var(--white-color);border:1px solid var(--border-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.165, .84, .44, 1);border-radius:24px;flex-direction:column;align-items:flex-start;padding:40px;display:flex;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.feature-icon-wrapper{width:65px;height:65px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.175, .885, .32, 1.275);border-radius:18px;justify-content:center;align-items:center;margin-bottom:25px;font-size:1.5rem;display:flex}.feature-card h3{font:var(--sub-heading-font);color:var(--heading-color);letter-spacing:-.5px;margin-bottom:12px;font-size:1.35rem;font-weight:700}.pulse-glow-1{color:#ff5f56;background:#ff5f561a}.feature-card:hover .pulse-glow-1{background:#ff5f56;box-shadow:0 10px 25px #ff5f5659}.pulse-glow-2{color:#ffbd2e;background:#ffbd2e1a}.feature-card:hover .pulse-glow-2{background:#ffbd2e;box-shadow:0 10px 25px #ffbd2e59}.pulse-glow-3{color:#27c93f;background:#27c93f1a}.feature-card:hover .pulse-glow-3{background:#27c93f;box-shadow:0 10px 25px #27c93f59}.pulse-glow-4{color:#8a2be2;background:#8a2be21a}.feature-card:hover .pulse-glow-4{background:#8a2be2;box-shadow:0 10px 25px #8a2be259}.pulse-glow-5{color:#00bfff;background:#00bfff1a}.feature-card:hover .pulse-glow-5{background:#00bfff;box-shadow:0 10px 25px #00bfff59}.pulse-glow-6{color:#ff1493;background:#ff14931a}.feature-card:hover .pulse-glow-6{background:#ff1493;box-shadow:0 10px 25px #ff149359}.key-features-container{padding-bottom:50px;overflow:visible}.flipbook-wrapper{clip-path:inset(0);isolation:isolate;width:100%;height:70vh;min-height:500px;max-height:800px;position:relative;overflow:hidden}.flipbook-wrapper>*{max-width:100%;max-height:100%}.pd-cta-section{background:var(--body-color);padding:100px 0}.custom-pd-cta-card{background:var(--white-color);border:1px solid var(--border-color);border-radius:40px;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;padding:5rem 4rem;display:grid;box-shadow:0 15px 50px #00000008}.cta-heading{font:var(--sub-heading-font);color:var(--heading-color);letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.cta-highlight-box{color:var(--primary-color);background:#f5872514;border-radius:12px;margin:0 4px;padding:0 12px;display:inline-block}.cta-description{font:var(--para-font);color:var(--para-color);max-width:95%;margin-bottom:48px;font-size:1.15rem;line-height:1.7}.cta-description u{border-bottom:2px solid var(--heading-color);color:var(--heading-color);padding-bottom:1px;font-weight:600;text-decoration:none}.cta-right-visuals{grid-template-columns:1fr 1fr;gap:24px;display:grid}.flat-visual-card{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.165, .84, .44, 1);border:1px solid #0000;border-radius:28px;padding:30px;display:flex}.flat-visual-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color);transform:translateY(-5px);background:#fff!important}.flat-visual-card.full-width{background:#f1f8f8;grid-column:span 2;align-items:center;gap:24px;padding:32px 40px}.flat-visual-card.half-width{text-align:center;flex-direction:column;align-items:center;gap:20px}.flat-visual-card.primary{background:#fff9f3}.flat-visual-card.accent{background:#f4f7ff}.cta-visual-icon-box{border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:75px;height:75px;transition:transform .3s;display:flex}.flat-visual-card:hover .cta-visual-icon-box{transform:scale(1.05)}.cta-visual-icon-box{background:var(--primary-color);box-shadow:0 10px 20px #ff730133}.cta-visual-icon-box img{filter:brightness(0)invert()}.visual-card-title{color:var(--heading-color);letter-spacing:-.5px;margin-bottom:4px;font-size:1.4rem;font-weight:700;display:block}.visual-card-text{color:var(--para-color);opacity:.8;font-size:1rem}@media (max-width:1200px){.custom-pd-cta-card{gap:3rem;padding:3rem}}@media (max-width:991px){.custom-pd-cta-card{grid-template-columns:1fr;gap:3rem;padding:40px 24px}.cta-heading{font-size:2.2rem}}@media (max-width:767px){.cta-right-visuals{grid-template-columns:1fr}.flat-visual-card.full-width{text-align:center;flex-direction:column;grid-column:span 1;padding:40px 24px}.flat-visual-card.half-width{padding:40px 24px}}@keyframes pulse{0%{box-shadow:0 0 #f5872566}70%{box-shadow:0 0 0 6px #f5872500}to{box-shadow:0 0 #f5872500}}.cta-description a{color:var(--heading-color);text-underline-offset:4px;font-weight:600;text-decoration:underline}.pd-social-share-section{background:var(--body-color)}.social-share-wrapper{background:#fdfdfd;border:1px solid #0000000d;border-radius:24px;flex-direction:row;align-items:center;gap:2.5rem;margin-top:1rem;padding:1.8rem 2.5rem;display:flex}.share-label{color:var(--heading-color);white-space:nowrap;text-transform:none;letter-spacing:0;margin-bottom:0;padding-left:18px;font-size:1.05rem;font-weight:850;position:relative}.share-label:before{content:"";background:var(--primary-color);border-radius:10px;width:4px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.share-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.share-btn{width:46px;height:46px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.175, .885, .32, 1.275);background:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 4px 10px #00000005}.share-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 20px #0b666a26}.share-btn img{width:20px;height:20px;transition:filter .3s}.share-btn:hover img{filter:brightness(0)invert()}.pd-social-share-section .container{border-top:1px solid #0000000f;padding-top:1rem}#pd-project-taxonomies{position:relative;overflow:hidden}.bento-taxonomy-grid{z-index:1;grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.bento-block{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.165, .84, .44, 1);background:#fff;border:1px solid #0000000f;border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.bento-block:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 20px 40px #0000000d}.category-block{background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);grid-area:span 2/span 2}.tags-block{grid-column:span 2}.glass-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff 0%,#f9f9f9 100%);border:1px solid #ffffff80;grid-column:span 1}.stats-block{background:var(--primary-color);color:#fff;grid-column:span 1;justify-content:center;align-items:center;display:flex}.bento-title{color:var(--heading-color);margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:800}.bento-category-list{gap:12px;display:flex}.bento-cat-item{background:var(--white-color);border:1px solid var(--theme-color);color:var(--theme-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:1rem;font-weight:600;display:flex;text-decoration:none!important}.bento-cat-item:hover{background:var(--primary-color);color:var(--white-color);border-color:var(--primary-color);transform:translate(10px)}.bento-tags-cloud{flex-wrap:wrap;gap:10px;display:flex}.bento-tag{background:var(--primary-color);color:var(--body-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;border:1px solid var(--primary-color);border-radius:100px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-block;text-decoration:none!important}.bento-tag:hover{background:unset;color:var(--primary-color);border-color:var(--primary-color);transform:scale(1.1)}.bento-text{color:var(--para-color);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.bento-links-mini{gap:10px;display:flex}.bento-links-mini a{color:var(--primary-color);font-size:.8rem;font-weight:700;text-decoration:none}.bento-stat-num{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:900;line-height:1;display:block}.bento-stat-text{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:.75rem;font-weight:600}#pd-author-box{position:relative}.author-card-modern{background:#fff;border:1px solid #0000000f;border-radius:40px;padding:4rem;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000008}.author-content-flex{align-items:center;gap:4rem;display:flex}.author-portrait-wrapper{flex-shrink:0;position:relative}.author-portrait-shape{width:220px;height:220px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s ease;background:#f5f5f5;border:8px solid #fff;border-radius:60px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 15px 35px #0000001a}.author-portrait-shape img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s ease}.author-portrait-wrapper:hover .author-portrait-shape{transform:rotate(0)scale(1.05)}.author-portrait-wrapper:hover .author-portrait-shape img{filter:grayscale(0%)}.author-portrait-badge{color:#fff;z-index:2;background:#00ca72;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 5px 15px #00ca724d}.author-info-modern{flex-grow:1}.author-subtitle{letter-spacing:3px;color:var(--primary-color,#0b666a);text-transform:uppercase;margin-bottom:15px;font-size:.85rem;font-weight:800;display:block}.author-name{color:#111;letter-spacing:-2px;margin-bottom:5px;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:850}.author-role{color:#555;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.author-bio{color:#444;max-width:650px;margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.author-social-modern{gap:15px;display:flex}.author-social-modern .social-icon{width:45px;height:45px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#f8f9fa;border:1px solid #0000000d;border-radius:14px;justify-content:center;align-items:center;display:flex}.author-social-modern .social-icon:hover{background:var(--primary-color,#0b666a);transform:translateY(-5px);box-shadow:0 10px 20px #0b666a26}.author-social-modern .social-icon:hover img{filter:brightness(0)invert()}.nav-wrapper-modern{background:#fff;border:1px solid #0000000f;border-radius:30px;justify-content:space-between;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000005}.nav-item-modern{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.165, .84, .44, 1);background:#fff;flex:1;align-items:center;padding:2.5rem;display:flex;position:relative;text-decoration:none!important}.nav-item-modern:hover{background:#fcfcfc}.prev-project{border-right:1px solid #0000000f;gap:1.5rem}.next-project{justify-content:flex-end;gap:1.5rem}.nav-thumb{border:1px solid #0000000a;border-radius:16px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.nav-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.nav-item-modern:hover .nav-thumb img{transform:scale(1.15)}.nav-content{flex-direction:column;display:flex}.nav-label{letter-spacing:2px;color:var(--primary-color,#0b666a);opacity:.7;margin-bottom:8px;font-size:.75rem;font-weight:800}.nav-title{color:#111;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:750;transition:color .3s}.nav-item-modern:hover .nav-title{color:var(--primary-color,#0b666a)}.featured-image-section{padding:1rem 0!important}.sticky-toc-section{z-index:999;width:100%;margin-top:0;padding:2rem 0;transition:top .4s cubic-bezier(.165,.84,.44,1),padding .3s;position:sticky;top:0;left:0}header.nav-down~main .sticky-toc-section.is-sticky{top:80px}header.nav-up~main .sticky-toc-section.is-sticky{top:0}.sticky-toc-section.is-sticky{background:#fff;border-bottom:1px solid #0000000d;padding:0;box-shadow:0 10px 30px #0000000d}.sticky-toc-section.is-sticky .container{padding-left:5%;padding-right:5%;max-width:100%!important}.sticky-toc-section .toc-card{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#fff;border:1px solid #00000014;border-radius:20px;box-shadow:0 10px 30px #0000000a}.sticky-toc-section.is-sticky .toc-card{box-shadow:none;border:none;border-radius:0}.toc-card__toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 25px;font-family:inherit;transition:background .2s;display:flex}.toc-card__toggle:hover{background:#0b666a0a}.toc-card__title-wrap{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.toc-card__title{text-transform:uppercase;letter-spacing:.08em;color:var(--heading-color);white-space:nowrap;font-size:.9rem;font-weight:700}.toc-card__count{color:var(--primary-color,#0b666a);background:#0b666a1a;border-radius:20px;flex-shrink:0;padding:2px 9px;font-size:.72rem;font-weight:600;line-height:1.6}.toc-card__toggle-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.toc-card__progress{justify-content:center;align-items:center;display:flex;position:relative}.toc-card__chevron{color:var(--para-color,#6b7280);align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.toc-card__toggle[aria-expanded=false] .toc-card__chevron{transform:rotate(-90deg)}.toc-card__body{opacity:1;border-top:1px solid var(--border-color,#f0f0f0);max-height:600px;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.toc-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:18px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0b666a12}.toc-card:hover{box-shadow:0 8px 36px #0b666a21}.toc-card__title-wrap{align-items:center;gap:10px;display:flex}.toc-card__icon{color:var(--primary-color,#0b666a);flex-shrink:0;align-items:center;display:flex}.toc-card__title{text-transform:uppercase;letter-spacing:.08em;color:var(--heading-color);border:none;margin:0;padding:0;font-size:.95rem;font-weight:700}.toc-card__progress{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.toc-ring{transform:rotate(-90deg)}.toc-ring__bg{fill:none;stroke:var(--border-color,#e5e7eb);stroke-width:2.8px}.toc-ring__fill{fill:none;stroke:var(--primary-color,#0b666a);stroke-width:2.8px;stroke-linecap:round;transition:stroke-dasharray .4s}.toc-ring__pct{color:var(--primary-color,#0b666a);font-size:.58rem;font-weight:700;line-height:1;position:absolute}.toc-card__nav{padding:20px 28px 24px}.toc-card__sidebar-icon{background:var(--theme-color);color:#fff;cursor:pointer;width:38px;height:38px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s cubic-bezier(.175, .885, .32, 1.275);border:1px solid #0000000d;border-radius:10px;justify-content:center;align-items:center;margin-left:5px;display:flex}.toc-card__sidebar-icon:hover{background:var(--primary-color);transform:scale(1.1);box-shadow:0 5px 15px #0000001a}.toc-card__sidebar-icon i{font-size:16px}.sticky-sidebar{height:fit-content;margin-top:50px;transition:top .4s cubic-bezier(.165,.84,.44,1);position:sticky;top:160px}header.nav-up~main .sticky-sidebar{top:80px}header.nav-down~main .sticky-sidebar{top:160px}.sidebar-widget{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#fff;border:1px solid #0000000d;border-radius:24px;margin-bottom:2rem;padding:2.2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.sidebar-widget:hover{box-shadow:0 20px 40px #0000000a}.widget-title{color:var(--heading-color);border-bottom:1px solid #0000000d;margin-bottom:1.5rem;padding-bottom:12px;font-size:1.25rem;font-weight:800;position:relative}.widget-title:after{content:"";background:var(--primary-color);width:60px;height:2px;position:absolute;bottom:-1px;left:0}.search-form-wrap{position:relative}.sidebar-search-form{align-items:center;display:flex;position:relative}.sidebar-search-form input{width:100%;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#fcfcfc;border:1px solid #00000014;border-radius:16px;padding:16px 55px 16px 20px;font-size:.95rem}.sidebar-search-form input:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 4px #0b666a14}.sidebar-search-form button{background:var(--primary-color);color:#fff;width:44px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;border:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;bottom:6px;right:6px}.sidebar-search-form button:hover{background:var(--theme-color,#0b666a);transform:scale(.92)}.category-list{max-height:280px;margin:0;padding:0 8px 0 0;list-style:none;overflow-y:auto}.sidebar-tags-cloud{flex-wrap:wrap;gap:8px;max-height:150px;padding-right:8px;display:flex;overflow-y:auto}.category-list::-webkit-scrollbar{width:4px}.sidebar-tags-cloud::-webkit-scrollbar{width:4px}.category-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sidebar-tags-cloud::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.category-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.sidebar-tags-cloud::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.category-list li{margin-bottom:12px}.category-list a{color:var(--para-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s cubic-bezier(.175, .885, .32, 1.275);background:#f8f9fa;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.category-list a:hover{border-color:var(--primary-color);color:var(--primary-color);background:#fff;transform:translate(8px);box-shadow:0 5px 15px #0b666a0d}.cat-count{color:var(--primary-color);background:#0b666a1a;border-radius:50px;padding:3px 12px;font-size:.75rem;font-weight:800}.popular-posts-list{flex-direction:column;gap:1.4rem;display:flex}.author-card-sidebar{background:#fcfcfc;border:1px solid #0000000d;border-radius:20px;padding:1.5rem}.author-header-sidebar{align-items:center;gap:1.2rem;margin-bottom:1.2rem;display:flex}.author-portrait-sidebar{flex-shrink:0;width:65px;height:65px;position:relative}.author-portrait-sidebar img{object-fit:cover;border:2px solid #fff;border-radius:16px;width:100%;height:100%;box-shadow:0 5px 15px #0000001a}.author-badge-sidebar{background:var(--primary-color);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex;position:absolute;bottom:-4px;right:-4px}.author-name-sidebar{margin-bottom:2px;font-size:1.1rem;font-weight:800}.author-name-sidebar span{color:var(--primary-color)}.author-role-sidebar{color:var(--para-color);opacity:.7;margin:0;font-size:.8rem;font-weight:600}.author-bio-sidebar{color:var(--para-color);opacity:.85;margin-bottom:1.5rem;font-size:.88rem;line-height:1.6}.author-social-sidebar{gap:10px;display:flex}.author-social-sidebar .social-icon{width:36px;height:36px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#fff;border:1px solid #0000000d;border-radius:10px;justify-content:center;align-items:center;display:flex}.author-social-sidebar .social-icon:hover{background:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 10px #0b666a1a}.author-social-sidebar .social-icon:hover img{filter:brightness(0)invert()}.mini-post-card{align-items:center;gap:1.2rem;text-decoration:none;display:flex}.mini-post-thumb{border-radius:14px;flex-shrink:0;width:75px;height:75px;overflow:hidden;box-shadow:0 4px 10px #0000000d}.mini-post-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.mini-post-title{color:var(--heading-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:1rem;font-weight:750;line-height:1.35;transition:color .3s;display:-webkit-box;overflow:hidden}.mini-post-date{color:var(--para-color);opacity:.6;font-size:.8rem;font-weight:500}.mini-post-card:hover .mini-post-title{color:var(--primary-color)}.mini-post-card:hover .mini-post-thumb img{transform:scale(1.15)}.sidebar-tag{color:var(--para-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;background:#f8f9fa;border:1px solid #0000000d;border-radius:50px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.sidebar-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 15px #0b666a1a}.tech-marquee-container{width:100%;padding:40px 0;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-marquee-track{gap:30px;width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.tech-marquee-container:hover .tech-marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 15px))}}.tech-pill{background:var(--white-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s cubic-bezier(.165, .84, .44, 1);border-radius:100px;align-items:center;gap:15px;padding:12px 25px 12px 12px;display:flex}.tech-pill:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 20px #00000014}.tech-icon-box{width:60px;height:60px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;background:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex}.tech-icon-box img{object-fit:contain;width:100%;height:100%}.react-glow{box-shadow:0 0 15px #61dafb33}.nextjs-glow{box-shadow:0 0 15px #0000001a}.php-glow{box-shadow:0 0 15px #777bb333}.seo-glow{box-shadow:0 0 15px #4285f433}.tech-pill:hover .tech-icon-box.react-glow{background:#61dafb1a}.tech-pill:hover .tech-icon-box.nextjs-glow{background:#0000001a}.tech-pill:hover .tech-icon-box.php-glow{background:#777bb31a}.tech-pill:hover .tech-icon-box.seo-glow{background:#4285f41a}.tech-name{letter-spacing:.5px;color:var(--heading-color);font-size:1.1rem;font-weight:700}.nextjs-icon{filter:drop-shadow(0 0 2px #0000001a)}.bg-light-alt{background-color:#fafbfc}.feature-card{background:var(--white-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s cubic-bezier(.2, 1, .3, 1);padding:40px 30px;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 15px 40px #0000000f}.feature-icon-wrapper{width:55px;height:55px;color:var(--para-color);transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;background:#f8f9fa;border-radius:16px;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.feature-card:hover .feature-icon-wrapper{color:var(--white-color);transform:rotate(10deg)scale(1.1)}.feature-card:hover img{filter:brightness(50)}.feature-card h3{color:var(--heading-color);margin-bottom:15px;font-size:1.4rem;font-weight:700}.feature-card p{color:var(--para-color);margin-bottom:0;font-size:.95rem;line-height:1.6}.feature-icon-wrapper[class*=pulse-glow-]:after{content:"";opacity:0;width:100%;height:100%;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .4s ease;z-index:-1;border-radius:16px;position:absolute}.feature-card:hover .pulse-glow-1{box-shadow:0 0 20px #0d6efd33}.feature-card:hover .pulse-glow-2{box-shadow:0 0 20px #19875433}.feature-card:hover .pulse-glow-3{box-shadow:0 0 20px #ffc10733}.feature-card:hover .pulse-glow-4{box-shadow:0 0 20px #6610f233}.feature-card:hover .pulse-glow-5{box-shadow:0 0 20px #dc354533}.feature-card:hover .pulse-glow-6{box-shadow:0 0 20px #0dcaf033}.key-features-container{padding-bottom:50px!important}.key-features-container .swiper-pagination-bullet{background:var(--theme-color);opacity:.3;width:10px;height:10px}.key-features-container .swiper-pagination-bullet-active{opacity:1;background:var(--primary-color);width:30px;transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .3s ease;border-radius:100px}.flipbook-outer-container{perspective:2000px}.brand-flipbook{background:#fff;border:8px solid #fff;box-shadow:0 40px 100px #0000001a!important}.flipbook-page{background-color:#fff;border:1px solid #0000000d;justify-content:center;align-items:center;display:flex;overflow:hidden}.page-loader{color:#888;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.flipbook-viewport{transition:transform .45s ease, opacity .45s ease, background .45s ease, box-shadow .45s ease .5s ease}@media (max-width:767px){.flipbook-viewport{transform:scale(.9)}}@media (max-width:575px){.flipbook-viewport{transform:scale(.85)}.flipbook-outer-container{min-height:450px!important}}.pd-pdf-flipbook-branding{background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary-color) 3%, transparent), transparent 400px)}.flipbook-wrapper{background:var(--white-color);border:1px solid var(--border-color);box-shadow:var(--shadow-md);min-height:500px;position:relative;overflow:hidden}._df_book{width:100%;height:100%;min-height:500px}.f-thumbs{display:none!important}.fancybox__container{--f-thumb-width:0px;--f-thumb-height:0px;--f-thumb-outline:0px;--f-thumb-spacer:0px}@media (max-width:767px){.flipbook-wrapper,._df_book{min-height:350px}}*,:before,:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}a,button,.card,.mega-grid-item,.nav-link,[role=button],.primary-btn,.secondary-btn{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.card,.mega-grid-item,.nav-link,button,.primary-btn,.secondary-btn{will-change:transform, box-shadow, opacity;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.card:hover,.mega-grid-item:hover{transform:translateY(-5px)translateZ(0)}