@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif!important;margin:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bs-padding:1.875rem;--green:#00ffd9;--ltred:#00ffd9}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem;margin-top:0}p{font-size:16px}@media screen and (max-width:900px){p{font-size:14px}}.h1,h1{font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:1.1}.h2,h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.h3,h3{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.2}.h4,h4{font-size:clamp(1.3rem,2.2vw,2.2rem);line-height:1.25}.h5,h5{font-size:clamp(1.1rem,1.5vw,1.8rem);line-height:1.3}.h6,h6{font-size:clamp(.95rem,1vw,1.4rem);line-height:1.35}.__fw{align-items:center!important}.__fw,.__mw{display:flex!important;flex-direction:column!important;height:auto!important;justify-content:center!important;width:100%!important}.__mw{max-width:1200px!important;padding-left:.9375rem;padding-left:calc(var(--bs-padding)*.5);padding-right:.9375rem;padding-right:calc(var(--bs-padding)*.5)}a{color:#e5e5e5;text-decoration:none}.con_head{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center;width:100%}.con_head:before{background:radial-gradient(circle,#00ffd914 0,#0000 70%);content:"";height:300px;position:absolute;top:-10%;width:300px;z-index:-1}.con_head span{background:#acff2f0d;border:1px solid #acff2f33;border-radius:100px;color:#00ffd9;color:var(--green);display:inline-block;font-size:12px!important;font-weight:700;letter-spacing:3px;margin-bottom:2rem;padding:8px 20px;text-transform:uppercase}.con_head h1{color:#fff!important;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.con_head h1 em{color:#777;font-family:Playfair Display,serif;font-style:italic;font-weight:400;position:relative}.con_head h1 em:after{background:linear-gradient(90deg,#0000,#444,#0000);bottom:10px;content:"";height:1px;left:0;position:absolute;width:100%}.con_head p{color:#aaa;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:550px}@media screen and (max-width:768px){.con_head{padding:4rem 1.5rem 2rem}.con_head h1{font-size:2.8rem}.con_head p{color:#888;font-size:1rem}}.service{display:flex;padding:2rem;width:100%}.service .service_head{display:flex;justify-content:space-between;margin-bottom:10px!important;width:100%}.service .service_head span{color:#00ffd9;color:var(--green);font-size:14px;text-transform:uppercase}.service .service_head span em{color:hsla(0,0%,67%,.667);font-family:Playfair Display,serif}.btn{align-items:center;background:#00ffd9;background:linear-gradient(90deg,#b2ff2e,#00ffd9);border:1px solid #00ffd9;border:1px solid var(--green);border-radius:30px;color:#000;cursor:pointer;display:flex;justify-content:center;margin:auto;max-width:200px;padding:12px 25px;transition:all .4s}.btn:hover{background-color:#0000;border:1px solid #00ffd9;border:1px solid var(--green)}.avb,.btn:hover{color:#00ffd9;color:var(--green)}.avb{display:flex;margin-bottom:1rem}.sub_nav{align-items:center;display:flex;gap:20px;padding:0}.sub_nav span{color:#00ffd9!important;color:var(--ltred)!important;font-size:14px!important;text-transform:uppercase}.hero_img{background-position:f;height:600px}.hero_img,.hero_img img{overflow:hidden;width:100%}.welcome{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1300px;padding:8rem 2rem}.welcome,.welcome .welcome_wrp{width:100%}.welcome .welcome_wrp:first-child{height:fit-content;position:sticky;top:100px}.welcome .welcome_wrp .sub_nav{align-items:center;display:flex;gap:12px}.welcome .welcome_wrp .sub_nav span{color:var(--green);font-size:13px;font-weight:700;letter-spacing:4px;opacity:.9;text-transform:uppercase}.welcome .welcome_wrp .sub_nav svg{color:var(--green);font-size:18px}.welcome .welcome_wrp p{color:#ccc;font-size:1.15rem;font-weight:300;letter-spacing:.2px;line-height:1.8;margin-bottom:2.5rem}.welcome .welcome_wrp p span{color:#fff;font-weight:500}.welcome .welcome_wrp strong{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#888);-webkit-background-clip:text;border-left:2px solid var(--green);color:#fff;display:block;font-family:Playfair Display,serif;font-size:1.8rem;font-style:italic;font-weight:400;line-height:1.4;margin-top:3rem;padding-left:2rem}@media screen and (max-width:900px){.welcome{gap:2rem;grid-template-columns:1fr;padding:4rem 1.5rem}.welcome .welcome_wrp:first-child{position:relative;top:0}.welcome strong{font-size:1.4rem;padding-left:1.5rem}}.light_bg{align-items:center;background-color:#ffffff0f;display:flex;justify-content:center;padding:2rem 1rem;width:100dvw}.service_items{border-bottom:1px solid #ffffff0d;width:100%}.service_items a{text-decoration:none}.service_items .items{align-items:center;border-top:1px solid #ffffff14;cursor:pointer;display:grid;grid-template-columns:1fr 1.5fr;overflow:hidden;padding:3rem 1.5rem;position:relative;transition:all .5s cubic-bezier(.19,1,.22,1);width:100%}.service_items .items .title h4{color:hsla(0,0%,100%,.482);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600!important;margin:0;transition:all .4s ease}.service_items .items .title.active h4{color:var(--green)!important}.service_items .items .s_info{align-items:center;display:flex;gap:2rem;justify-content:space-between}.service_items .items .s_info p{color:#999;font-size:1.05rem;line-height:1.6;max-width:450px;transition:all .4s ease}.service_items .items .s_info span{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:50%;display:flex;height:60px;justify-content:center;min-width:60px;transition:all .4s ease}.service_items .items .s_info span img{filter:grayscale(1);height:24px;opacity:.6;transition:all .4s ease;width:24px}.service_items .items:hover{background:#ffffff05;padding-left:2.5rem}.service_items .items:hover .title h4{color:var(--green)!important;transform:translateX(10px)}.service_items .items:hover .s_info p{color:#fff}.service_items .items:hover .s_info span{background:var(--green);border-color:var(--green);transform:rotate(-15deg) scale(1.1)}.service_items .items:hover .s_info span img{filter:grayscale(0) brightness(0);opacity:1}@media screen and (max-width:900px){.service_items .items{gap:1rem;grid-template-columns:1fr;padding:2rem 1rem}.service_items .items:hover{padding-left:1rem}.service_items .items .title h4{font-size:1.5rem}.service_items .items .s_info{align-items:flex-start;flex-direction:column}.service_items .items .s_info span{display:none}}.slide_show{-webkit-overflow-scrolling:touch;align-items:center;cursor:pointer;height:auto;justify-content:center;overflow-y:hidden;padding:0 1rem}.slide_show .slide_wrp{align-items:center;flex-wrap:nowrap;gap:20px}.slide_show .slide_wrp .slide_img{display:flex}.slide_show .slide_wrp .slide_img img{border-radius:3px;height:300px}.slie_dont{align-items:center;margin-bottom:60px}.work{grid-gap:4rem;align-items:end;display:grid;gap:4rem;grid-template-columns:.8fr 1.2fr;padding:4rem 2rem;width:100%}.work .sub_nav{align-items:center;display:flex;gap:12px}.work .sub_nav span{color:var(--green);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.work .work_wrp h4{color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:600;letter-spacing:-1px;line-height:1.1}.work .work_wrp h4 em{color:#777;font-family:Playfair Display,serif;font-style:italic;font-weight:400}.slide_show{cursor:grab;overflow-x:auto;padding:2rem 0;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.slide_show::-webkit-scrollbar{display:none}.slide_show:active{cursor:grabbing}.slide_show .slide_wrp{display:flex;gap:30px;padding:0 2rem}.slide_show .slide_wrp .slide_img{background:#161616;border:1px solid #ffffff0d;border-radius:20px;flex:0 0 auto;overflow:hidden;scroll-snap-align:center;transition:all .5s cubic-bezier(.16,1,.3,1);width:450px}.slide_show .slide_wrp .slide_img img{height:500px;object-fit:cover;opacity:.5;transition:transform .8s ease,opacity .4s ease;width:100%}.slide_show .slide_wrp .slide_img:hover{border-color:#acff2f4d;transform:translateY(-10px)}.slide_show .slide_wrp .slide_img:hover img{opacity:1;transform:scale(1.05)}.slie_dont{display:flex;justify-content:center;width:100%}.slie_dont .dots_container{align-items:center;display:flex;gap:12px}.slie_dont .dots_container .dot_item{background:#ffffff1a;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.slie_dont .dots_container .dot_item.active{background:var(--green);border-radius:10px;width:30px}@media screen and (max-width:900px){.work{gap:1.5rem;grid-template-columns:1fr;padding:2rem}.slide_show .slide_wrp .slide_img{width:300px}.slide_show .slide_wrp .slide_img img{height:350px}}@media screen and (max-width:768px){.hero{grid-template-columns:1fr;padding:40px 0}.hero .hero_wrp{text-align:center}.hero .hero_wrp .h_img img{width:200px!important}.hero .hero_wrp h1{font-size:clamp(32px,8vw,60px)!important}.hero .hero_wrp p{font-size:16px;line-height:24px}.welcome{grid-template-columns:1fr;padding:60px 0}.welcome .welcome_wrp{text-align:center}.welcome .welcome_wrp h3{font-size:24px!important;line-height:34px}.hero_img{height:auto}.service_head{align-items:flex-start;gap:20px}.service_head h3{font-size:32px}.service_head .btn{font-size:14px;padding:10px 20px}.service_items .items{gap:15px;grid-template-columns:1fr}.service_items .items .s_info{align-items:flex-start;flex-direction:column;gap:15px}.service_items .items .s_info p{font-size:15px}.service_items .items .s_info span{margin-left:0}.work{grid-template-columns:1fr;padding:40px 0}.work .work_wrp{text-align:center}.work .work_wrp h3{font-size:24px!important;line-height:34px}.slide_wrp{gap:15px}.slide_wrp .slide_img img{height:auto;max-height:200px;object-fit:cover;width:100%}}.work_btn{display:flex;justify-content:space-between;width:100%}.active{color:var(--green)}.hero_wrp{width:100%}.hero_wrp .hero_bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero_wrp .hero_bg .video_player{object-fit:cover;transform:scale(1.1)}.hero_wrp .hero_bg .mobile_img{background-position:50%;background-size:cover;height:100%;opacity:.5;width:100%}.hero_wrp .hero_bg .overlay_shimmer{background:linear-gradient(180deg,#000c 0,#0003 50%,#000000e6);height:100%;left:0;position:absolute;top:0;width:100%}.hero_wrp .hero_content{align-items:center;display:flex;height:100%;position:relative;z-index:2}.hero_wrp .hero_content .__hero_wrp{display:flex;padding:0 3rem}.hero_wrp .hero_content .__hero_wrp .he_lft{display:flex;flex-direction:column;max-width:850px;padding:3rem}.hero_wrp .hero_content .__hero_wrp .he_lft .status_pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#fff;display:inline-flex;font-size:12px;gap:10px;letter-spacing:2px;margin:auto auto 2rem;padding:6px 16px;text-transform:uppercase}.hero_wrp .hero_content .__hero_wrp .he_lft .status_pill .dot{animation:pulse 2s infinite;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);height:6px;width:6px}.hero_wrp .hero_content .__hero_wrp .he_lft h1{color:#fff;font-size:clamp(2.5rem,5.5vw,4.8rem);font-weight:800;letter-spacing:-2px;line-height:1.05;margin-bottom:1.5rem}.hero_wrp .hero_content .__hero_wrp .he_lft h1 em{color:#ffffff80;font-family:Playfair Display,serif;font-style:italic;font-weight:400}.hero_wrp .hero_content .__hero_wrp .he_lft p{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;max-width:600px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.hero_wrp .hero_content .__hero_wrp .he_lft{align-items:center;display:flex;flex-direction:column;padding:2rem 0;text-align:center}.hero_wrp .hero_content .__hero_wrp .he_lft h1{font-size:2.5rem}}@media screen and (max-width:900px){.__hero_wrp{grid-template-columns:1fr}}.hero_wrp{display:flex;overflow:hidden;position:relative;width:100dvw}.hero_wrp .over_flow{align-items:flex-end;left:0;position:absolute;top:0;width:100dvw}.hero_wrp .over_flow,.hero_wrp .over_flow .hero_tag{display:flex;flex-direction:column;height:70dvh;justify-content:flex-end}.hero_wrp .over_flow .hero_tag h4{color:#fff;font-weight:600;line-height:1.4}.hero_wrp .over_flow .hero_tag h4 em{color:#ff851b;font-style:normal;font-weight:300}.video{display:flex;height:auto;object-fit:cover;opacity:.5;width:100dvw}.sp_btn{background:#00bca1;background:linear-gradient(90deg,#b2ff2e,#00bca1);border:1px solid #3e3e3e;border-radius:30px;cursor:pointer;padding:10px 30px}.sp_btn span{align-items:center;color:#fff;display:flex;gap:10px;justify-content:center}.sp_btn,.wh_sp_btn{align-items:center;border-radius:100px;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:14px 35px;text-decoration:none;transition:transform .2s}.wh_sp_btn{background:#212121;border:none;border:1px solid hsla(0,0%,100%,.153);color:#fff}.wh_sp_btn:hover{background:var(--green);color:#000}.bt_wrp{margin-bottom:2rem;width:100%}.bt_wrp small{color:#aaa;margin-left:1rem}.bt_wrp .page_tag{align-items:center;display:flex;gap:20px;margin-bottom:.5rem;margin-top:2rem}.icon_wrp{color:hsla(0,0%,100%,.195);font-size:calc(1rem + 2dvw);justify-content:space-between;padding:4rem 1rem;width:100%}._icon,.icon_wrp{display:flex}._icon .indicator{height:40px;position:relative;width:40px}._icon .indicate{animation:waveDot 1.2s infinite;background:var(--green);border-radius:50%;filter:drop-shadow(0 0 6px rgba(0,255,120,.6))}._icon .indicate,._icon .indicate-border{box-sizing:border-box;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}._icon .indicate-border{animation:waveRing 1.2s infinite;border:1px solid var(--green);border-radius:50%;opacity:0}.indicate-border-1{animation-delay:0s}.indicate-border-2{animation-delay:.25s}.indicate-border-3{animation-delay:.5s}.indicate-border-4{animation-delay:.75s}@keyframes waveDot{0%{box-shadow:0 0 0 0 #00ff7859}70%{box-shadow:0 0 0 10px #00ff7800}to{box-shadow:0 0 0 0 #00ff7800}}@keyframes waveRing{0%{height:8px;opacity:.6;width:8px}to{height:32px;opacity:0;width:32px}}.con_wrp{display:flex;flex-direction:column;min-height:100dvh;width:100%}.con_wrp .con_in{grid-gap:2rem;display:grid;grid-template-columns:1fr 1fr;padding:2rem;width:100%}.con_wrp .con_in .con_data{display:flex;flex-direction:column;gap:3rem;padding:2rem;width:100%}.con_wrp .con_in .con_data .data_content h4{color:#fff!important;font-size:3rem;line-height:1.1;margin-bottom:1.5rem}.con_wrp .con_in .con_data .data_content h4 em{color:var(--green);font-family:Playfair Display,serif;font-style:italic}.con_wrp .con_in .con_data .data_content p{color:#a0aec0!important;font-size:1.1rem;line-height:1.6;max-width:400px}.con_wrp .con_in .con_data .contact_items{display:flex;flex-direction:column;gap:1.5rem}.con_wrp .con_in .con_data .contact_items .c_item span{color:var(--green);display:block;font-size:11px;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.con_wrp .con_in .con_data .contact_items .c_item p{color:#fff!important;font-size:1.2rem;font-weight:500;margin:0}.con_wrp .con_in .con_data .process_card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:2rem}.con_wrp .con_in .con_data .process_card h5{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.con_wrp .con_in .con_data .process_card h5 em{color:var(--green);font-style:normal}.con_wrp .con_in .con_data .process_card ul{list-style:none;padding:0}.con_wrp .con_in .con_data .process_card ul li{align-items:center;color:#e5e5e5;display:flex;font-size:.95rem;gap:1rem;margin-bottom:12px}.con_wrp .con_in .con_data .process_card ul li span{border:1px solid var(--green);border-radius:5px;color:var(--green);font-size:10px;font-weight:700;padding:2px 6px}.con_wrp .con_in .con_form{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--green);border-radius:30px;padding:2rem;width:100%}.con_wrp .con_in .con_form .in_i{display:flex;flex-direction:column;width:100%}.con_wrp .con_in .con_form .in_i span{color:var(--green);font-size:12px;margin-bottom:10px}.con_wrp .con_in .con_form .in_i input{border-radius:999px 999px 999px 999px;border-style:none}.con_wrp .con_in .con_form .in_i input,.con_wrp .con_in .con_form .in_i textarea{background-color:hsla(0,0%,78%,.133);color:#e5e5e5;margin-bottom:20px;outline:none;padding:17px 30px;width:100%}.con_wrp .con_in .con_form .in_i textarea{border-radius:30px;border-style:none}.con_wrp .con_in .con_form .form_in{align-items:center;display:flex;flex-direction:column;justify-content:center}.con_wrp .con_in .con_form .form_in .f_in{grid-gap:20px;display:flex;width:100%}@media screen and (max-width:900px){.con_wrp .con_in{grid-template-columns:1fr}}.sub_btn{background:linear-gradient(90deg,#b2ff2e,#00ffd9);border:1px solid #fff3;border-radius:50px;box-shadow:0 10px 20px -10px #00ffd980,0 4px 6px -1px #0000001a;color:#0c1a1a!important;cursor:pointer;display:block;font-size:15px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;outline:none;padding:16px 30px;text-transform:uppercase;transition:all .4s cubic-bezier(.165,.84,.44,1);width:50%}.sub_btn:hover{background:linear-gradient(90deg,#c4ff5e,#33ffdf);box-shadow:0 20px 30px -12px #00ffd999,0 8px 10px -5px #0003;letter-spacing:1.8px;transform:translateY(-2px)}.sub_btn:active{box-shadow:0 5px 10px -5px #00ffd966;transform:translateY(1px)}.ser_wrp{padding-bottom:5rem}.ser_wrp,.ser_wrp .ser_con_wrp{display:flex;flex-direction:column;width:100%}.ser_wrp .ser_con_wrp{margin:4rem 0}.ser_wrp .ser_con_wrp .s_head{border-bottom:1px solid #ffffff1a;padding-bottom:1.5rem;width:100%}.ser_wrp .ser_con_wrp .s_head h3{color:#fff!important;font-size:2.5rem;font-weight:700;letter-spacing:-1px}.ser_wrp .ser_con_wrp .ser_sec{width:100%}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr 1.2fr;padding:3rem 0}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_des span{color:#eee;display:block;font-size:1.6rem;font-weight:300;line-height:1.4;position:sticky;top:100px}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul{list-style:none;padding:0}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul li{border-bottom:1px solid #ffffff0d;display:flex;gap:1.5rem;padding:2rem 0;transition:all .3s ease}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul li:before{color:var(--green);content:"→";font-weight:700;margin-top:4px}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul li div span{color:#fff;display:block;font-size:1.2rem;font-weight:600;margin-bottom:8px}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul li div p{color:#888;font-size:1rem;line-height:1.6;margin:0}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul li:hover{border-bottom-color:var(--green);padding-left:10px}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_tex ul li:hover div span{color:var(--green)}@media screen and (max-width:1024px){.ser_wrp .ser_con_wrp .ser_sec .sec_in_data{gap:2rem;grid-template-columns:1fr}.ser_wrp .ser_con_wrp .ser_sec .sec_in_data .sec_des span{font-size:1.3rem;position:static}}.NavbarItems{font-size:14px;height:60px;justify-content:space-between;width:100%}.MenuItems,.NavbarItems{align-items:center;display:flex}.MenuItems{gap:30px;justify-content:center;list-style:none;white-space:nowrap}.nv{font-weight:600;transition:.2s ease-in-out}.nv.active,.nv:focus,.nv:hover{color:var(--green)!important}.nav-links{color:#000;padding:10px 12px;text-decoration:none}.nav-links i{padding-right:10px}.nav-links:hover{color:var(--brown)!important;transition:all .2s ease-in-out}.Hamburger-Cross-Icons{cursor:pointer;display:none}.Logo_wrp{display:flex;flex-direction:column;padding:5px 0;width:100%}.Logo_wrp small{color:#aaa}.logo_img{margin-top:5px;width:150px}.nav-button{background:#acff2f0d;border:1px solid #aaa;border-radius:30px;color:var(--green);font-size:14px;font-weight:700;margin-left:10px;padding:10px 20px;text-decoration:none;transition:.2s ease-in}.nav-button:hover{background:hsla(0,0%,100%,.263);color:#fff;transition:.2s ease-in}@media screen and (max-width:850px){.NavbarItems{z-index:99}.MenuItems{align-items:stretch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(25,25,25,.817);display:flex;flex-direction:column;height:auto;justify-content:flex-start;left:-110%;margin:-20px 0 0;padding:2rem;position:absolute;top:80px;transition:all .3s ease-in-out;width:100%;z-index:-1}.MenuItems.active{left:0}.nav-links{display:block;padding:1.5rem 0;width:100%}.Hamburger-Cross-Icons{cursor:pointer;display:block}.nav-button{display:block;margin:auto;padding:1rem;text-align:center;width:80%}}.pro_wrp{min-height:100dvh}.pro_wrp,.pro_wrp .pro_main{display:flex;flex-direction:column;width:100%}.pro_wrp .pro_main{padding:2rem 1rem}.pro_wrp .pro_main .pro_card{grid-gap:3rem;background:linear-gradient(145deg,#1e1e1e,#161616);border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 30px #0000004d;cursor:pointer;display:grid;grid-template-columns:1fr 1.5fr 1fr;margin-bottom:2.5rem;min-height:350px;padding:2.5rem;transition:all .4s cubic-bezier(.165,.84,.44,1);width:100%}.pro_wrp .pro_main .pro_card:hover{border-color:#00ffd94d;box-shadow:0 20px 40px #00000080;transform:translateY(-5px)}.pro_wrp .pro_main .pro_card:hover .pro_ii img{transform:scale(1.03)}.pro_wrp .pro_main .pro_card .pro_i{display:flex;flex-direction:column;justify-content:space-between;width:100%}.pro_wrp .pro_main .pro_card .pro_i .pro_i_t{display:flex;flex-wrap:wrap;gap:10px}.pro_wrp .pro_main .pro_card .pro_i .pro_i_t .i_t_i{background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;padding:5px 14px}.pro_wrp .pro_main .pro_card .pro_i .pro_i_t .i_t_i span{color:#888;font-size:11px;font-weight:500;text-transform:uppercase}.pro_wrp .pro_main .pro_card .pro_i .pro_nam{margin-top:2rem}.pro_wrp .pro_main .pro_card .pro_i .pro_nam span{color:#fff;font-size:24px;font-weight:700}.pro_wrp .pro_main .pro_card .pro_i .pro_nam small{color:var(--green);display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:4px;text-transform:uppercase}.pro_wrp .pro_main .pro_card .pro_ii{background:#000;border-radius:16px;height:300px;overflow:hidden;width:100%}.pro_wrp .pro_main .pro_card .pro_ii img{height:100%;object-fit:cover;transition:.6s ease;width:100%}.pro_wrp .pro_main .pro_card .pro_iii{display:flex;flex-direction:column;justify-content:space-between;width:100%}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_top{display:flex;gap:1.5rem}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_top .top_i span{color:#00ffd933;font-size:28px;font-weight:900}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_top .top_ii span{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_top .top_ii p{color:#999;font-size:14px;line-height:1.6}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_cen{padding:1.5rem 0;width:100%}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_cen .red_mo{background:rgba(0,188,160,.114);border:1px solid rgba(0,188,160,.506);border-radius:30px;cursor:pointer;padding:10px 30px}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_cen .red_mo span{align-items:center;color:#fff;display:flex;gap:10px;justify-content:center}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_bot{border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:1.2rem}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_bot .bot_i span{color:var(--green);font-size:13px;font-weight:600}.pro_wrp .pro_main .pro_card .pro_iii .pro_iii_bot .bot_ii span{color:#666;font-size:11px;text-transform:uppercase}@media screen and (max-width:900px){.pro_wrp .pro_main .pro_card{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.pro_wrp .pro_main .pro_card .pro_ii{height:220px;order:-1}.pro_wrp .pro_main .pro_card .pro_i{gap:1.5rem}.pro_wrp .pro_main .pro_card .pro_i .pro_nam{margin-top:0}.pro_wrp .pro_main .pro_card .pro_iii_top .top_i{display:none}}.pro_wrp .pro_main .pro_card:hover{background-color:#1d1d1d;box-shadow:var(--green) 0 0 4px 0;transition:.3s ease-in-out}@media screen and (max-width:900px){.pro_wrp .pro_main .pro_card{grid-template-columns:1fr}}.inna_page_wrp{display:flex;flex-direction:column;margin-top:2rem;width:100%}.inna_page_wrp .in_head_wrp{align-items:center;display:grid;grid-template-columns:2fr 1fr;justify-content:center;padding:2rem;width:100%}.inna_page_wrp .in_head_wrp .project_name h4{color:#e5e5e5;font-size:50px}.inna_page_wrp .in_head_wrp .project_details{display:flex;flex-direction:column;width:100%}.inna_page_wrp .in_head_wrp .project_details span{color:#aaa;margin-bottom:.7rem}.inna_page_wrp .in_head_wrp .project_details h3{color:#e5e5e5;font-size:35px;margin-bottom:1.5rem}.inna_page_wrp .in_head_wrp .project_details .y{align-items:flex-end;display:flex;justify-content:flex-end;width:100%}.inna_page_wrp .in_head_wrp .project_details .y strong{color:var(--green)}@media screen and (max-width:900px){.inna_page_wrp .in_head_wrp{grid-template-columns:1fr}}.inna_page_wrp .in_hed_img{border-radius:5px;display:flex;height:400px;margin-bottom:2rem;overflow:hidden;width:100%}.inna_page_wrp .in_hed_img img{display:flex;object-fit:cover;object-position:top;overflow:hidden;width:100%}.inner_details_wrp{background-color:rgba(29,29,29,.427);border-radius:10px;margin-bottom:2rem;padding:2rem 1rem;width:100%}.inner_details_wrp .inner_data{grid-gap:3rem;background-color:hsla(0,0%,100%,.035);border-radius:10px;display:grid;grid-template-columns:1fr 3fr;justify-content:space-between;margin-bottom:2rem;padding:1rem;width:100%}.inner_details_wrp .inner_data .hed_w{width:100%}.inner_details_wrp .inner_data .hed_w span{color:var(--green);font-size:16px;font-weight:600;text-transform:uppercase}.inner_details_wrp .inner_data .hed_w h1{color:hsla(0,0%,100%,.106)}.inner_details_wrp .inner_data .in_tex p{color:#e5e5e5;line-height:1.6}@media screen and (max-width:900px){.inner_details_wrp .inner_data{grid-template-columns:1fr}}.pg_bt_wrp{display:flex;margin-bottom:1rem;width:100%}.pg_bt_wrp .bt_wrp{display:flex;gap:20px;margin:auto;width:100%}.ab_wrp{display:flex;flex-direction:column;width:100%}.ab_wrp .con_head{margin-bottom:4rem;text-align:left}.ab_wrp .con_head .badge{background:rgba(var(--green-rgb),.1);border:1px solid rgba(var(--green-rgb),.2);border-radius:100px;color:var(--green);display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;padding:6px 12px;text-transform:uppercase}.ab_wrp .con_head h1{font-size:clamp(3rem,8vw,5rem);letter-spacing:-3px;line-height:1;margin-bottom:1.5rem}.ab_wrp .con_head h1 em{color:#555;font-family:Playfair Display,serif;font-style:italic;font-weight:400}.ab_wrp .con_head .hero_subtitle{color:#888;font-size:1.2rem;line-height:1.6;max-width:700px}.ab_wrp .ab_main .about_top{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:5rem}.ab_wrp .ab_main .about_top .bt_sec{background:#111;border:1px solid #222;border-radius:4px;padding:3rem 2rem;transition:.3s ease}.ab_wrp .ab_main .about_top .bt_sec small{color:var(--green);display:block;font-size:10px;font-weight:800;letter-spacing:3px;margin-bottom:2rem}.ab_wrp .ab_main .about_top .bt_sec span{color:#fff;display:block;font-size:24px;margin-bottom:1rem}.ab_wrp .ab_main .about_top .bt_sec span em{color:#666;font-family:Playfair Display;font-style:italic}.ab_wrp .ab_main .about_top .bt_sec p{color:#777;font-size:.95rem;line-height:1.6}.ab_wrp .ab_main .about_top .bt_sec:hover{background:#151515;border-color:var(--green)}.ab_wrp .ab_main .action_row{border-bottom:1px solid #222;margin:4rem 0;padding-bottom:4rem}.ab_wrp .ab_main .about_text{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1.6fr}.ab_wrp .ab_main .about_text .ab_te_i{position:sticky;top:40px}.ab_wrp .ab_main .about_text .ab_te_i .img_container{background:#111;border:1px solid #222;margin-bottom:2rem;padding:10px}.ab_wrp .ab_main .about_text .ab_te_i .img_container img{filter:grayscale(1);transition:.5s ease;width:100%}.ab_wrp .ab_main .about_text .ab_te_i .img_container img:hover{filter:grayscale(0)}.ab_wrp .ab_main .about_text .ab_te_i .profile_meta strong{color:#fff;display:block;font-size:2rem;margin-bottom:.5rem}.ab_wrp .ab_main .about_text .ab_te_i .profile_meta .title{color:var(--green);display:block;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.ab_wrp .ab_main .about_text .ab_te_i .profile_meta .subtitle{color:#666;display:block;font-size:.9rem;line-height:1.4}.ab_wrp .ab_main .about_text .ab_te_ii h2{font-size:3rem;letter-spacing:-1.5px;margin-bottom:2rem}.ab_wrp .ab_main .about_text .ab_te_ii h2 em{color:#444;font-family:Playfair Display}.ab_wrp .ab_main .about_text .ab_te_ii p{color:#999;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.ab_wrp .ab_main .about_text .ab_te_ii p strong{color:#fff}.ab_wrp .ab_main .about_text .ab_te_ii p .highlight{color:var(--green);font-weight:600}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:3rem 0}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief .cb_item{border-left:1px solid #333;padding:1.5rem}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief .cb_item h4{color:#555;font-size:.8rem;margin-bottom:10px;text-transform:uppercase}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief .cb_item p{font-size:.9rem;line-height:1.4;margin:0}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief .cb_item.highlighted{background:rgba(var(--green-rgb),.03);border-left:2px solid var(--green)}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief .cb_item.highlighted h4{color:var(--green)}.ab_wrp .ab_main .about_text .ab_te_ii .comparison_brief .cb_item.highlighted p{color:#eee}@media(max-width:900px){.ab_wrp .ab_main .about_text,.ab_wrp .ab_main .about_top{grid-template-columns:1fr}.ab_wrp .ab_main .about_text .ab_te_i{margin-bottom:4rem;position:relative;top:0}}.content_block h2{color:#fff}.tools_wrp{margin-bottom:4rem}.tools_wrp .tools_grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tools_wrp .tool_card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.tools_wrp .tool_card:hover{background:#ffffff0f;border-color:#00ffd9;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.tools_wrp .tool_card .card_top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tools_wrp .tool_card .card_top .tool_icon{align-items:center;background:#00ffd91a;border-radius:12px;color:#00ffd9;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.tools_wrp .tool_card .card_top .tool_tag{border:1px solid #b2ff2e;border-radius:4px;color:#b2ff2e;font-size:10px;padding:2px 8px;text-transform:uppercase}.tools_wrp .tool_card h3{color:#fff;font-size:1.4rem;margin-bottom:12px}.tools_wrp .tool_card p{color:#a0aec0;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:25px}.tools_wrp .tool_card .tool_btn{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;text-decoration:none;transition:.3s}.tools_wrp .tool_card .tool_btn:hover{color:#b2ff2e}.tool_container{display:flex;justify-content:center;margin:auto;min-height:60dvh;padding:.5rem}.tool_container .pw_card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;max-width:500px;padding:2rem;width:100%}.tool_container .pw_card .display_section{background:#0003;border:1px solid #00ffd933;border-radius:15px;display:flex;margin-bottom:1rem;padding:10px}.tool_container .pw_card .display_section input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Courier New,Courier,monospace;font-size:1.2rem;outline:none;padding-left:10px}.tool_container .pw_card .display_section .actions{display:flex;gap:5px}.tool_container .pw_card .display_section .actions button{background:#0000;border:none;border-radius:8px;color:#00ffd9;cursor:pointer;font-size:1.2rem;padding:8px;transition:.2s}.tool_container .pw_card .display_section .actions button:hover{background:#00ffd91a}.tool_container .pw_card .display_section .actions button.active{color:#b2ff2e}.tool_container .pw_card .strength_meter{margin-bottom:2rem}.tool_container .pw_card .strength_meter span{color:#a0aec0;font-size:12px}.tool_container .pw_card .strength_meter .bar{border-radius:2px;height:4px;margin-bottom:5px;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.tool_container .pw_card .settings .range_group{margin-bottom:2rem}.tool_container .pw_card .settings .range_group label{color:#fff;display:flex;justify-content:space-between;margin-bottom:10px}.tool_container .pw_card .settings .range_group input[type=range]{accent-color:#00ffd9;width:100%}.tool_container .pw_card .settings .options_grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.tool_container .pw_card .settings .options_grid .checkbox_item{align-items:center;color:#e5e5e5;cursor:pointer;display:flex;font-size:.9rem;gap:10px}.tool_container .pw_card .settings .options_grid .checkbox_item .cap{text-transform:capitalize}.tool_container .pw_card .settings .options_grid .checkbox_item input{accent-color:#00ffd9}.json_tool_container{display:flex;justify-content:center;padding:2rem}.json_tool_container .json_card{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0006;max-width:800px;overflow:hidden;width:100%}.json_tool_container .json_card .json_actions_top{background:#252525;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 20px}.json_tool_container .json_card .json_actions_top button{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:8px 15px;transition:.2s}.json_tool_container .json_card .json_actions_top button:hover{background:#ffffff0d;color:#00ffd9}.json_tool_container .json_card .json_actions_top button.success{color:#b2ff2e}.json_tool_container .json_card .editor_wrapper{height:400px;padding:10px}.json_tool_container .json_card .editor_wrapper.has_error{border-bottom:2px solid #ff4d4d}.json_tool_container .json_card .editor_wrapper textarea{background:#0000;border:none;color:#d1d5db;font-family:Fira Code,Courier New,monospace;font-size:14px;height:100%;line-height:1.6;outline:none;padding:15px;resize:none;white-space:pre;width:100%}.json_tool_container .json_card .error_msg{background:#ff4d4d1a;color:#ff4d4d;font-family:monospace;font-size:12px;padding:10px 20px}.json_tool_container .json_card .json_footer{background:#1e1e1e;color:#64748b;display:flex;font-size:11px;justify-content:space-between;letter-spacing:1px;padding:8px 20px;text-transform:uppercase}.optimizer_container{display:flex;justify-content:center;padding:2rem}.optimizer_container .opt_card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:30px;max-width:600px;padding:2.5rem;width:100%}.optimizer_container .opt_card .upload_zone{border:2px dashed #00ffd94d;border-radius:20px;margin-bottom:2rem;padding:40px;text-align:center;transition:.3s}.optimizer_container .opt_card .upload_zone:hover{background:#00ffd90d;border-color:#00ffd9}.optimizer_container .opt_card .upload_zone input{display:none}.optimizer_container .opt_card .upload_zone label{align-items:center;color:#a0aec0;cursor:pointer;display:flex;flex-direction:column;gap:15px}.optimizer_container .opt_card .upload_zone label .up_icon{color:#00ffd9;font-size:40px}.optimizer_container .opt_card .stats_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:2rem}.optimizer_container .opt_card .stats_grid .stat_box{background:#0003;border-radius:15px;padding:15px;text-align:center}.optimizer_container .opt_card .stats_grid .stat_box span{color:#64748b;font-size:11px;letter-spacing:1px;text-transform:uppercase}.optimizer_container .opt_card .stats_grid .stat_box p{color:#fff;font-size:1.2rem;font-weight:700;margin-top:5px}.optimizer_container .opt_card .stats_grid .stat_box.highlight p{color:#b2ff2e}.optimizer_container .opt_card .controls .slider_group{margin-bottom:2rem}.optimizer_container .opt_card .controls .slider_group label{align-items:center;color:#fff;display:flex;font-size:14px;gap:10px;margin-bottom:12px}.optimizer_container .opt_card .controls .slider_group input[type=range]{accent-color:#00ffd9;width:100%}.optimizer_container .opt_card .controls .sub_btn{align-items:center;display:flex;gap:10px;justify-content:center;width:100%}.color_tool_container{display:flex;justify-content:center;padding:2rem}.color_tool_container .extractor_card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:32px;max-width:700px;padding:2rem;width:100%}.color_tool_container .extractor_card .upload_section{margin-bottom:2rem}.color_tool_container .extractor_card .upload_section input{display:none}.color_tool_container .extractor_card .upload_section label{border:2px dashed #00ffd933;border-radius:20px;cursor:pointer;display:block;height:250px;overflow:hidden;transition:.3s;width:100%}.color_tool_container .extractor_card .upload_section label:hover{background:#00ffd90d;border-color:#00ffd9}.color_tool_container .extractor_card .upload_section label.has_img{border:none;height:auto;max-height:400px}.color_tool_container .extractor_card .upload_section .upload_placeholder{align-items:center;color:#a0aec0;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.color_tool_container .extractor_card .upload_section .upload_placeholder .icon{color:#00ffd9;font-size:40px}.color_tool_container .extractor_card .upload_section .preview_img{height:100%;object-fit:cover;width:100%}.color_tool_container .extractor_card .palette_results .res_head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.color_tool_container .extractor_card .palette_results .res_head h4{color:#fff;font-size:1.2rem;margin:0}.color_tool_container .extractor_card .palette_results .res_head button{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;gap:5px}.color_tool_container .extractor_card .palette_results .res_head button:hover{color:#00ffd9}.color_tool_container .extractor_card .palette_results .colors_grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}@media(max-width:500px){.color_tool_container .extractor_card .palette_results .colors_grid{grid-template-columns:1fr 1fr}}.color_tool_container .extractor_card .palette_results .color_swatch{cursor:pointer;text-align:center}.color_tool_container .extractor_card .palette_results .color_swatch .swatch_box{align-items:center;border-radius:12px;display:flex;height:80px;justify-content:center;margin-bottom:8px;position:relative}.color_tool_container .extractor_card .palette_results .color_swatch .swatch_box .copy_overlay{align-items:center;background:#0003;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:100%;justify-content:center;opacity:0;transition:.3s;width:100%}.color_tool_container .extractor_card .palette_results .color_swatch:hover .copy_overlay{opacity:1}.color_tool_container .extractor_card .palette_results .color_swatch .hex_label{color:#e5e5e5;font-family:monospace;font-size:13px;text-transform:uppercase}.color_tool_container .extractor_card .copy_notif{color:#b2ff2e;font-size:12px;margin-top:1.5rem;text-align:center}.gradient_tool_container{display:flex;justify-content:center;padding:2rem;width:100%}.gradient_tool_container .grad_card{background:#121212;border:1px solid #ffffff1a;border-radius:32px;box-shadow:0 25px 50px -12px #00000080;max-width:600px;overflow:hidden;width:100%}.gradient_tool_container .grad_card .grad_preview{border-bottom:1px solid #ffffff1a;height:220px;position:relative;transition:background .3s ease;width:100%}.gradient_tool_container .grad_card .grad_preview:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:4px;bottom:15px;color:#fff9;content:"Live Preview";font-size:10px;left:20px;letter-spacing:2px;padding:4px 10px;position:absolute;text-transform:uppercase}.gradient_tool_container .grad_card .grad_controls{padding:2.5rem}.gradient_tool_container .grad_card .grad_controls .color_management{margin-bottom:2rem}.gradient_tool_container .grad_card .grad_controls .color_management .label_row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.gradient_tool_container .grad_card .grad_controls .color_management .label_row label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.gradient_tool_container .grad_card .grad_controls .color_management .label_row .add_btn{align-items:center;background:#b2ff2e1a;border:1px solid #b2ff2e4d;border-radius:8px;color:#b2ff2e;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 14px;transition:all .3s ease}.gradient_tool_container .grad_card .grad_controls .color_management .label_row .add_btn:hover:not(:disabled){background:#b2ff2e;color:#000}.gradient_tool_container .grad_card .grad_controls .color_management .label_row .add_btn:disabled{border-color:#0000;cursor:not-allowed;opacity:.3}.gradient_tool_container .grad_card .grad_controls .color_management .color_list{display:flex;flex-direction:column;gap:12px}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item{align-items:center;display:flex;gap:12px}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .input_group{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;flex:1 1;padding:6px 12px;transition:border .3s ease}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .input_group:focus-within{border-color:#00ffd9}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .input_group input[type=color]{appearance:none;-webkit-appearance:none;background:none;border:none;cursor:pointer;height:32px;padding:0;width:32px}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .input_group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .input_group input[type=color]::-webkit-color-swatch{border:2px solid #ffffff1a;border-radius:8px}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .input_group input[type=text]{background:#0000;border:none;color:#fff;font-family:Fira Code,monospace;font-size:14px;outline:none;padding-left:12px;text-transform:uppercase;width:100%}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .del_btn{align-items:center;background:#ff4d4d1a;border:none;border-radius:12px;color:#ff4d4d;cursor:pointer;display:flex;height:38px;justify-content:center;transition:.2s;width:38px}.gradient_tool_container .grad_card .grad_controls .color_management .color_list .color_item .del_btn:hover{background:#ff4d4d;color:#fff}.gradient_tool_container .grad_card .grad_controls .angle_slider{margin-bottom:2.5rem}.gradient_tool_container .grad_card .grad_controls .angle_slider label{color:#fff;display:block;font-size:13px;font-weight:500;margin-bottom:12px}.gradient_tool_container .grad_card .grad_controls .angle_slider input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:5px;height:6px;outline:none;width:100%}.gradient_tool_container .grad_card .grad_controls .angle_slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00ffd9;border-radius:50%;box-shadow:0 0 10px #00ffd980;cursor:pointer;height:18px;width:18px}.gradient_tool_container .grad_card .grad_controls .code_output{align-items:center;background:#000;border:1px dashed #00ffd94d;border-radius:16px;display:flex;gap:15px;justify-content:space-between;padding:1.2rem}.gradient_tool_container .grad_card .grad_controls .code_output code{color:#b2ff2e;font-family:Fira Code,monospace;font-size:12px;line-height:1.5;word-break:break-all}.gradient_tool_container .grad_card .grad_controls .code_output button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#a0aec0;cursor:pointer;flex-shrink:0;height:42px;transition:all .3s;width:42px}.gradient_tool_container .grad_card .grad_controls .code_output button:hover{background:#00ffd91a;border-color:#00ffd9;color:#00ffd9}.gradient_tool_container .grad_card .grad_controls .code_output button.success{background:#b2ff2e1a;border-color:#b2ff2e;color:#b2ff2e}.footer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-top:2rem;padding:2rem;width:100%}.footer .foot_left{display:flex;flex-direction:column;width:100%}.footer .foot_left small{color:#aaa;font-size:11px}.footer .foot_left img{width:200px}.footer .foot_left span{color:#aaa;font-size:14px;margin-top:20px;text-align:left}.footer .foot_left .social{display:flex;font-size:30px;gap:20px;margin-top:2rem}.footer .foot_left .social .ic{background-color:#313131;border-radius:50%;color:#aaa;cursor:pointer;padding:5px}.footer .foot_left .social .ic:hover{background-color:#292727;color:#d2d2d2}.footer .foot_right{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;text-align:right;width:100%}.footer .foot_right h3{color:#e5e5e5;line-height:.9;margin-bottom:1rem}.footer .foot_right h3 em{color:hsla(0,0%,67%,.667);font-family:Playfair Display,serif}@media screen and (max-width:900px){.footer{grid-template-columns:1fr}}.copy_wrp{border-top:1px solid hsla(0,0%,100%,.129);display:flex;justify-content:space-between;padding:1rem 0;width:100%}.copy_wrp span{color:#aaa;font-size:11px}.copy_wrp .tp{display:flex;gap:20px}.copy_wrp .tp span{color:#aaa;cursor:pointer;font-size:11px}.copy_wrp .tp span:hover{color:#fff}.portfolio-container{background-color:#0a0a0a;color:#fff;font-family:Inter,sans-serif;min-height:100vh}.portfolio-container .filter-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc;padding:20px 0;position:sticky;top:0;z-index:100}.portfolio-container .filter-menu button{background:#0000;border:1px solid #333!important;color:#a0a0a0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.portfolio-container .filter-menu button:hover{border-color:#555!important;color:#fff!important}.portfolio-container .filter-menu button.active,.portfolio-container .filter-menu button[style*="background-color: rgb(0, 0, 0)"]{background-color:#fff!important;border-color:#fff!important;box-shadow:0 0 20px #fff3;color:#000!important}.portfolio-container .project-grid .project-card{background:#141414!important;border:1px solid #222!important;box-shadow:none!important;position:relative;transition:all .4s ease!important}.portfolio-container .project-grid .project-card:hover{border-color:#444!important;box-shadow:0 20px 40px #0006!important;transform:translateY(-8px)!important}.portfolio-container .project-grid .project-card:hover video{transform:scale(1.05)}.portfolio-container .project-grid .project-card[data-category=gamification]:hover{border-color:#fc0!important;box-shadow:0 0 25px #ffcc0026!important}.portfolio-container .media-container{background:#000!important;position:relative}.portfolio-container .media-container video{transition:transform .6s ease}.portfolio-container .media-container .category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:4px;font-size:10px;letter-spacing:1px;padding:4px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.portfolio-container .card-content .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.portfolio-container .card-content .card-header h3{color:#fff;font-weight:600}.portfolio-container .card-content .card-header .year-tag{background:#222!important;color:#a0a0a0!important}.portfolio-container .card-content .description{color:#a0a0a0!important;font-size:.9rem;line-height:1.6}.portfolio-container .card-content .tech-tags .tech-chip{background:#1a1a1a;border:1px solid #222;border-radius:4px;color:#007bff;font-size:11px;padding:4px 10px}.portfolio-container .card-content .visit-link{border-bottom:1px solid #333!important;color:#fff!important;font-size:.85rem;padding-bottom:4px;transition:all .3s ease}.portfolio-container .card-content .visit-link:hover{border-color:#fff!important;letter-spacing:.5px}.filter_nav{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:3.5rem;padding:10px}.filter_nav .nav_btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;color:#a0aec0;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter_nav .nav_btn:hover{background:#ffffff0f;border-color:#00ffd980;color:#fff}.filter_nav .nav_btn.active{background:#00ffd91a;border-color:#00ffd9;box-shadow:0 0 20px #00ffd926;color:#00ffd9}@media(max-width:768px){.filter_nav{justify-content:flex-start;overflow-x:auto;padding-bottom:15px;scrollbar-width:none;white-space:nowrap}.filter_nav::-webkit-scrollbar{display:none}.filter_nav .nav_btn{font-size:13px;padding:8px 16px}}.date_label{color:#00ffd9;font-size:12px;margin-top:10px}.media_wrap{background:#000;border:1px solid #ffffff0d;border-radius:6px;height:200px;margin-bottom:22px;overflow:hidden;position:relative;width:100%}.media_wrap img{filter:brightness(.8) contrast(1.1);height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.165,.84,.44,1),filter .3s ease;width:100%}.media_wrap .media_overlay{background:linear-gradient(180deg,#0000 60%,#0006);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.media_wrap .category_badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a99;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:2}.tool_card:hover .media_wrap{border-color:#00ffd94d}.tool_card:hover .media_wrap img{filter:brightness(1) contrast(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.d117bd90.css.map*/