@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";body{font-size:16px;line-height:25px;font-family:Microsoft JhengHei,微軟正黑體,Microsoft YaHei,sans-serif}strong{color:var(--darkgray)}:root{--white: rgb(255, 255, 255);--black: rgb(37, 37, 37);--lightblack: #333;--gray: rgb(167, 167, 169);--lightgray: rgb(233, 234, 235);--darkgray: rgb(103, 104, 104);--red: rgb(210, 67, 67);--lightred: #d19f9f;--darkred: #7d2020}#root{width:100%}h1,h2,h3{margin:0;padding:0}.highlight{background:linear-gradient(to bottom,transparent 70%,rgba(236,80,80,.857) 80%);display:inline;line-height:1.5}iframe{border:none}html{scroll-behavior:smooth;scroll-padding-top:70px}.cta-g{position:fixed;right:10px;bottom:100px;width:80px;height:80px;background-color:var(--red);border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));cursor:pointer;animation:float 3s ease-in-out infinite;transition:.3s;will-change:transform;z-index:2000}.cta-g:before{content:"立即諮詢";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:.8rem;text-align:center;white-space:nowrap;transition:.3s}.cta-g:hover{background-color:var(--white)}.cta-g:hover:before{color:var(--red);font-weight:500}.line-container .line{position:fixed;bottom:10px;right:10px;z-index:2000;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));cursor:pointer;border-radius:50%;width:80px;height:80px;background-color:#fff}::selection{background-color:var(--red);color:var(--white)}::-moz-selection{background-color:var(--red);color:var(--white)}::-webkit-selection{background-color:var(--red);color:var(--white)}@media (max-width: 960px){.cta-g{position:fixed;right:10px;bottom:100px;width:70px;height:70px;background-color:var(--red);border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));cursor:pointer;animation:float 3s ease-in-out infinite;transition:.3s;will-change:transform;z-index:2000}.line-container .line{position:fixed;bottom:10px;right:10px;z-index:2000;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));cursor:pointer;border-radius:50%;width:70px;height:70px;background-color:#fff}}@media (max-width: 480px){.cta-g{position:fixed;right:10px;bottom:70px;width:60px;height:60px;background-color:var(--red);border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));cursor:pointer;animation:float 3s ease-in-out infinite;transition:.3s;will-change:transform;z-index:2000}.line-container .line{position:fixed;bottom:10px;right:10px;z-index:2000;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));cursor:pointer;border-radius:50%;width:60px;height:60px;background-color:#fff}}header{position:fixed;top:0;left:0;width:100%;padding:10px 60px 10px 40px;display:flex;justify-content:space-between;background:linear-gradient(to right,var(--white)50%,var(--lightgray)50%);transition:box-shadow .5s ease,background-color .3s ease,transform .5s ease;z-index:100}.navbar-scrolled{transform:scale(1.04);box-shadow:0 2px 10px #0003;background:none;background-color:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999;border-bottom:1px solid rgba(255,255,255,.3)}header .logo{width:200px;height:50px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}header h1{font-size:1rem;color:var(--black)}header .logo img{width:60px;height:60px;object-fit:cover;vertical-align:middle}header nav{display:flex;flex-direction:column;justify-content:center}header ul{position:relative;display:flex;justify-content:flex-end;gap:10px}header li{cursor:pointer;position:relative;z-index:3}header nav .phone{cursor:default;padding-right:8px;font-size:20px;vertical-align:middle}header nav a{display:block;width:100%;color:var(--black);padding:0 15px}header nav a.active{color:var(--white)}header .highlight{position:absolute;height:100%;border-radius:20px;background-color:var(--red);z-index:2;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none}header .menu a:before{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:0;height:3px;transition:.3s;background-color:var(--red)}header .menu li:hover a:before{width:100%}header .phone-item{margin-left:10px}.menu-toggle{display:none;font-size:24px;cursor:pointer;z-index:1001;color:var(--black)}.nav-wrapper{display:flex}@media (max-width: 768px){header{padding:10px}.menu-toggle{display:block;padding-right:20px;padding-top:10px}.nav-wrapper{position:fixed;top:0;right:0;height:100vh;width:300px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);transition:transform .3s ease-in-out;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:70px;z-index:1000}.nav-wrapper.open{transform:translate(0)}header nav ul{display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.nav-wrapper.open ul{display:flex;text-align:center;width:100%}header nav li{width:100%}header nav a.active{color:var(--red);font-weight:600}header .menu a:before{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:0;height:3px;transition:.3s;background-color:var(--red)}header .menu li:hover a:before{width:30%}header .highlight{display:none}header .phone-item{margin-left:0;padding-top:20px}}*{box-sizing:border-box}.footer{position:relative;width:100%;height:500px;background:var(--black);display:flex;flex-direction:column;padding:50px}.footer .xdesign{width:100%;height:90%;padding-bottom:50px;border-bottom:1px solid var(--lightblack);display:flex}.footer .xdesign .info{width:50%;height:50%;display:flex;flex-wrap:wrap;align-items:center;gap:20px;color:var(--darkgray)}.footer .xdesign .info img{width:100px;height:100px;object-fit:cover;vertical-align:middle}.footer .xdesign .info h1{font-size:2rem;color:var(--gray)}.footer .xdesign .subtext{font-size:1rem;flex-basis:100%;padding-top:20px}.footer .xdesign .contact-info{font-size:1rem;font-family:Poppins,sans-serif;flex-basis:100%}.footer .xdesign .contact-info .mail,.footer .xdesign .contact-info .phone{font-size:1rem;vertical-align:middle;margin-right:10px}.footer .xdesign nav li{padding:5px;font-size:1rem}.footer .xdesign .social-button{display:flex;gap:10px;font-size:1.2rem;padding:0 5px}.footer .xdesign .social-button .icon{cursor:pointer;transition:.3s;color:var(--gray)}.footer .xdesign .social-button .icon:hover{transform:scale(1.2);color:var(--white)}.footer .xdesign .menu{width:50%;position:relative;gap:10px}.footer .xdesign .menu ul{display:flex;justify-content:flex-end}.footer .xdesign .menu li{letter-spacing:2px;cursor:pointer;position:relative;z-index:3;padding:10px 20px}.footer nav a{color:var(--gray)}.footer nav a.active{color:var(--white)}.footer .menu a:before{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:0;height:3px;transition:.3s;background-color:var(--red)}.footer .menu li:hover a:before{width:80%}.footer .copyright{display:flex;justify-content:end;align-items:center;padding-right:20px;margin-top:30px;color:var(--darkgray);height:10%}@media (max-width: 960px){.footer .xdesign .info img{width:80px;height:80px;object-fit:cover;vertical-align:middle}}@media (max-width: 768px){.footer .xdesign .info h1{font-size:1.5rem;color:var(--gray)}}@media (max-width: 660px){.footer{position:relative;width:100%;height:500px;background:var(--black);display:flex;flex-direction:column;padding:20px 10px 20px 20px}.footer .xdesign .info h1{font-size:1.3rem;color:var(--gray);flex-basis:100%}}@media (max-width: 480px){.footer .xdesign .info img{width:65px;height:65px;object-fit:cover;vertical-align:middle}.footer .xdesign .subtext{font-size:.8rem;flex-basis:100%}.footer .xdesign .contact-info{font-size:.8rem;font-family:Poppins,sans-serif;flex-basis:100%}.footer .xdesign .contact-info .mail,.footer .xdesign .contact-info .phone{font-size:1rem;vertical-align:middle;margin-right:10px}}.fade-in{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.show{opacity:1;transform:translateY(0)}.fade-in-from-left{opacity:0;transform:translate(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-from-left.show{opacity:1;transform:translate(0)}.fade-in-from-right{opacity:0;transform:translate(100px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-from-right.show{opacity:1;transform:translate(0)}.hero{position:relative;margin-top:70px;display:flex;width:100%;height:auto}.hero-left{position:relative;width:50%;background-color:var(--white)}.hero-left h1{color:var(--darkgray);line-height:40px;font-size:2rem}.hero-left h1.headline{padding:30px 40px 20px;letter-spacing:1px}.hero-left h2.headline-eng{padding:0 40px 10px;font-family:Poppins,sans-serif;font-style:italic;color:var(--darkgray)}.hero-left p{font-size:1.3rem;display:block;margin:10px 40px 0;color:var(--gray);line-height:30px}.hero-left strong{color:var(--red);font-weight:600}.hero-left p.subtext-eng{font-family:Poppins,sans-serif;font-size:1.2rem;font-style:italic;padding-bottom:20px;border-bottom:1px solid var(--lightgray)}.hero-left .foot{position:relative;width:100%;height:auto;padding:20px 40px;display:flex;gap:20px}.hero-left .foot .img-container{position:relative;width:50%;height:auto;cursor:pointer;overflow:hidden;transition:.3s}.hero-left .foot .img-container:hover{transform:scale(1.02);filter:drop-shadow(0 0 10px var(--red));will-change:transform}.hero-left .foot .img-container:before{content:"20+";position:absolute;padding-top:10px;top:0;left:0;width:100%;height:70px;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#00000080;z-index:10;text-align:center;font-size:1.5rem;color:var(--white);font-weight:600}.hero-left .foot .img-work{position:relative;width:100%;height:100%;max-height:240px;object-fit:cover;border-radius:20px;display:block;z-index:5;animation:fadeIn 1s ease-in forwards}.hero-left .foot .years{position:absolute;left:50%;top:40px;width:100%;transform:translate(-50%);color:var(--lightgray);font-weight:400;font-size:1.2rem;z-index:20;text-align:center}.hero-left .foot .feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:50%;height:auto;max-height:240px;gap:10px;padding:10px 0}.hero-left .foot .feature div{position:relative;width:90%;flex-grow:1;border-radius:20px;border:1px solid var(--lightgray);display:flex;justify-content:center;align-items:center;color:var(--darkgray);transition:transform .3s;cursor:pointer}.hero-left .foot .feature div:nth-child(1){background:url(/assets/seo-CXifFkWk.jpeg);background-size:cover;background-position:center;animation:fadeIn 1s ease-in forwards}.hero-left .foot .feature div:nth-child(2){background:url(/assets/rwd-2-BjxYULkW.png);background-size:cover;background-position:center;animation:fadeIn 1s ease-in forwards}.hero-left .foot .feature div:nth-child(3){background:url(/assets/lower-cost-ChqaHcwd.jpg);background-size:cover;background-position:center;animation:fadeIn 1s ease-in forwards}.hero-left .foot .feature div:hover{box-shadow:0 0 10px var(--red);will-change:transform}.hero-left .foot .feature div:before{content:"";position:absolute;left:0;top:0;width:80px;height:100%;background-color:var(--black);opacity:.3;z-index:10;border-top-left-radius:20px;border-bottom-left-radius:20px}.hero-left .foot .feature .icon{position:absolute;top:50%;left:30px;transform:translateY(-50%);font-size:2rem;color:var(--white);z-index:20}.hero-right{position:relative;height:auto;width:50%;background-color:var(--lightgray)}.hero-right .imagery{height:80%;padding:20px}.hero-right .imagery .img-hero{width:100%;height:100%;object-fit:cover;border-radius:30px}.hero-right .foot{display:flex;position:relative;height:20%;padding:20px;background-color:var(--darkred)}.hero-right .foot .subtext{width:75%;color:var(--white);padding-right:20px}.hero-right .foot h3{font-size:1.35rem;font-weight:400;padding-bottom:10px}.hero-right .foot p{font-size:1rem;color:var(--gray)}.hero-right .foot .social-button{width:25%;display:flex;justify-content:flex-end;align-items:end;gap:8px;font-size:20px;padding-bottom:10px;color:var(--red);cursor:pointer}.hero-right .foot .icon{transition:.3s;color:var(--red)}.hero-right .foot .icon:hover{scale:1.4;color:var(--white);filter:drop-shadow(0 0 5px var(--white))}@media (max-width: 1024px){.hero-left .foot .feature{position:relative;display:none;flex-direction:column;justify-content:space-between;align-items:center;width:50%;height:auto;max-height:240px;gap:10px;padding:10px 0}.hero-left .foot .img-container{position:relative;width:100%;height:auto;cursor:pointer;overflow:hidden;transition:.3s}}@media (max-width: 960px){.hero{position:relative;margin-top:70px;display:flex;flex-direction:column;width:100%;height:auto}.hero-left{position:relative;width:100%;background-color:var(--white)}.hero-right{position:relative;height:auto;width:100%;background-color:var(--lightgray)}.hero-right .imagery{height:80%;padding:20px 40px}}@media (max-width:480px){.hero-left h1{color:var(--darkgray);line-height:40px;font-size:1.8rem}.hero-left h1.headline{padding:30px 20px 20px;letter-spacing:1px}.hero-left h2.headline-eng{padding:0 20px 10px;font-family:Poppins,sans-serif;font-style:italic}.hero-left p{font-size:1.3rem;display:block;margin:10px 20px 0;color:var(--gray);line-height:30px}.hero-left .foot{position:relative;width:100%;height:auto;padding:20px;display:flex;gap:20px}.hero-right .imagery{height:80%;padding:20px}.hero-right .foot{display:flex;position:relative;flex-direction:column;height:20%;gap:20px;padding:20px;background-color:var(--darkred)}.hero-right .foot .social-button{width:100%;display:flex;justify-content:flex-end;align-items:end;gap:8px;font-size:20px;color:var(--red);cursor:pointer}.hero-right .foot .subtext{width:100%;color:var(--white)}}.h-about{position:relative;width:100vw;height:auto;background:linear-gradient(to right,var(--lightgray)35%,var(--white)35%);padding:20px 40px;display:flex;margin-bottom:50px}.h-about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--darkred);clip-path:polygon(0 0,35% 0,35% 30%,0 80%)}.h-about .overlay:before{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background-color:var(--darkred);clip-path:polygon(100% 100%,85% 100%,100% 85%);z-index:2}.h-about-left{position:relative;width:50%;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.h-about-left .title{font-size:3rem;color:var(--lightgray);writing-mode:vertical-rl;text-orientation:upright;opacity:.5}.h-about-left .gte{position:absolute;top:50%;left:40%;transform:translateY(-50%);width:300px;height:300px;border-radius:50%;background-color:var(--white)}.h-about-left .gte img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 15px rgba(0,0,0,.6));will-change:transform}.h-about-left .social-button{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;font-size:1.2rem}.h-about-left .icon{transition:.3s;cursor:pointer;color:var(--darkgray)}.h-about-left .icon:hover{scale:1.4;color:var(--red);filter:drop-shadow(2px 2px 5px var(--white));will-change:transform}.h-about-right{position:relative;width:50%;display:flex;flex-direction:column;padding-left:20px}.h-about-right .title{position:relative;font-size:2.5rem;font-weight:500;font-family:Poppins,sans-serif;color:var(--darkgray);margin:30px 0 20px}.h-about-right h2{position:relative;font-size:2rem;color:var(--darkgray);margin:30px 0 20px}.h-about-right .content{position:relative;font-size:1rem;color:var(--darkgray);line-height:30px;z-index:10}.h-about-right .content-eng{position:relative;font-family:Poppins,sans-serif;font-style:italic;font-size:.9rem;line-height:30px;z-index:10}.h-about-right .btn{display:flex;gap:10px}.h-about-right .btn>button{margin-top:20px;width:150px;height:40px;border:none;outline:none;font-size:1rem;border-radius:20px;letter-spacing:2px;font-weight:400;box-shadow:0 0 10px #0000004d;cursor:pointer;will-change:transform}.h-about-right .cta{background-color:var(--black);color:var(--lightgray);transition:.3s}.h-about-right .cta:hover{background-color:var(--red);box-shadow:none}.h-about-right .more{position:relative;background-color:var(--white);color:var(--gray);transition:.3s;z-index:1000}.h-about-right .more:hover{background-color:var(--gray);color:var(--white);box-shadow:none}@media (max-width: 1200px){.h-about-right h1{position:relative;font-size:1.6rem;color:var(--darkgray);margin:30px 0 20px}.h-about-left .gte{position:absolute;top:40%;left:40%;transform:translateY(-50%);width:250px;height:250px;border-radius:50%;background-color:var(--white)}}@media (max-width: 1024px){.h-about-right h1{position:relative;font-size:1.4rem;color:var(--darkgray);margin:30px 0 20px}}@media (max-width: 960px){.h-about-left .gte{position:absolute;top:30%;left:40%;transform:translateY(-50%);width:200px;height:200px;border-radius:50%;background-color:var(--white)}}@media (max-width: 768px){.h-about-left .gte{position:absolute;top:20%;left:30%;transform:translateY(-50%);width:200px;height:200px;border-radius:50%;background-color:var(--white)}.h-about .overlay:before{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background-color:var(--darkred);clip-path:polygon(100% 100%,85% 100%,100% 85%);z-index:-1}.h-about-right .content-eng{display:none;position:relative;font-family:Poppins,sans-serif;font-style:italic;font-size:.9rem;line-height:30px;z-index:10}}@media (max-width: 700px){.h-about-right .title{position:relative;font-size:2rem;font-weight:500;font-family:Poppins,sans-serif;color:var(--darkgray);margin:50px 0 20px}.h-about-right .btn{display:flex;flex-direction:column;gap:0px}.h-about-right .btn>button{margin-top:20px;width:100%;height:40px;border:none;outline:none;font-size:1rem;border-radius:20px;letter-spacing:2px;font-weight:400;box-shadow:0 0 10px #0000004d;cursor:pointer;will-change:transform}}@media (max-width: 660px){.h-about-left .gte{position:absolute;top:40%;left:10%;transform:translateY(-50%);width:200px;height:200px;border-radius:50%;background-color:var(--white)}}@media (max-width: 480px){.h-about-left .gte{position:absolute;top:20%;left:10%;transform:translateY(-50%);width:150px;height:150px;border-radius:50%;background-color:var(--white)}.h-about-right h2{position:relative;font-size:1.6rem;color:var(--darkgray);margin:30px 0 20px;line-height:30px}.h-about-left .social-button{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;font-size:1.2rem}}.feature{width:100%;height:auto}.feature .title-eng{font-size:2rem;height:80px;font-family:Popins,sans-serif;text-align:center;color:var(--darkgray)}.feature .text{display:flex;flex-direction:column;justify-content:center;align-items:center}.feature .text h2{font-size:2rem;color:var(--darkgray);line-height:50px;letter-spacing:5px}.feature .text p{font-size:1rem;color:var(--darkgray);letter-spacing:2px;line-height:30px;margin-bottom:10px}.feature .text p.eng{font-family:Poppins,sans-serif;font-style:italic;font-size:1rem;line-height:25px;letter-spacing:normal}.feature .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);background-color:var(--lightgray);gap:50px;padding:50px}.feature .content>div{height:auto;background-color:var(--white);border-radius:20px;box-shadow:0 0 10px #0000004d;transition:.3s;overflow:hidden;will-change:transform}.feature .content>div:hover{box-shadow:0 0 10px #ff00004d;will-change:transform}.feature .content>div:nth-child(1){background-color:var(--lightgray);box-shadow:none}.feature .item{position:relative;padding:20px;display:flex;flex-direction:column;gap:20px;transition:.3s}.feature .item:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;border:1px solid transparent;background-color:var(--lightgray);clip-path:polygon(80% 0,100% 0,100% 15%);opacity:.8;z-index:10}.feature .item:hover{transform:translateY(-5px)}.feature .item-head{display:flex;gap:20px;color:var(--darkgray)}.feature .item-head img{width:64px;height:64px}.feature .item-head h2{padding-top:8px;letter-spacing:3px}.feature .item-img-container{position:relative;width:100%;height:200px;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 0 10px #00000080}.feature .item-img-container img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:.5s}.feature .item-img-container img:hover{scale:1.2}.feature .item .contact-btn{width:100%;height:50px;outline:none;border:none;border-radius:20px;background-color:var(--lightgray);color:var(--black);box-shadow:0 0 10px #0000004d;font-size:1rem;cursor:pointer;transition:.5s;will-change:transform}.feature .item .contact-btn:hover{background-color:var(--darkred);color:var(--lightgray)}.feature .item ul{color:var(--darkgray)}.feature .item li{position:relative;padding:10px 20px}.feature .item li:before{content:"";position:absolute;border-color:var(--red);border-style:solid;border-width:0 3px 3px 0;width:3px;height:8px;transform:rotate(45deg);top:15px;left:0}.feature .item ul .keypoint{font-weight:600}.feature .item .price{color:var(--red);font-weight:700;font-size:1.5rem}@media (max-width: 1200px){.feature .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);background-color:var(--lightgray);gap:30px;padding:30px}}@media (max-width:960px){.feature .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);background-color:var(--lightgray);gap:20px;padding:20px}}@media (max-width: 768px){.feature .text h1{font-size:1.6rem;color:var(--darkgray);line-height:50px;letter-spacing:5px}}@media (max-width: 600px){.feature .text p.eng{font-family:Poppins,sans-serif;font-style:italic;font-size:1rem;line-height:25px;letter-spacing:normal}.feature .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,auto);background-color:var(--lightgray);gap:20px;padding:20px}}@media (max-width: 480px){.feature .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,auto);background-color:var(--lightgray);gap:20px;padding:20px}.feature .item.text{position:relative;padding:0;display:flex;flex-direction:column;gap:20px;transition:.3s}}.price{position:relative;width:100%;height:auto}.price .head{position:absolute;width:100%;height:300px}.price .head .img-container{position:relative;width:100%;height:100%}.price .head .img-container img{position:relative;width:100%;height:100%;object-fit:cover}.price .head .img-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);opacity:.3;z-index:10}.price h2{position:absolute;width:100%;top:40%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}.price h2.subtext{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:2rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}.price .content{position:relative;top:70%;left:0;width:100%;height:auto;padding:240px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:30px;border-radius:20px}.price .item{position:relative;width:80%;height:auto;border-radius:20px;background-color:var(--white);color:var(--darkgray);border:none;box-shadow:0 0 10px #0000004d;display:flex;overflow:hidden;transition:.3s;will-change:transform}.price .item:hover{transform:translateY(-5px);box-shadow:0 0 10px #ff00004d;will-change:transform}.price .content .img-container{position:relative;width:50%;height:auto;background-color:transparent}.price .content .img-container img{position:relative;width:100%;height:100%;object-fit:cover;z-index:10}.price .content .item h3{display:block;width:100%;height:100px;background-color:var(--white);opacity:.8;color:var(--red);line-height:100px}.price h3{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:2rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}.price .content .item .details{padding:20px;display:flex;flex-direction:column;gap:20px;width:50%}.price .content .item li{position:relative;padding-left:20px}.price .content .item li:before{content:"";position:absolute;border-color:var(--red);border-style:solid;border-width:0 3px 3px 0;width:3px;height:8px;transform:rotate(45deg);top:5px;left:0}.price .content .item .contact-btn{position:relative;width:200px;height:40px;border:none;outline:none;border-radius:20px;background-color:var(--lightgray);color:var(--darkgray);box-shadow:0 0 10px #0000004d;align-self:flex-end;cursor:pointer;transition:.3s;font-size:1rem}.price .content .item .contact-btn:hover{background-color:var(--darkred);color:var(--white)}@media (max-width: 1200px){.price h2.subtext,.price h3{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:1.6rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}}@media (max-width: 1024px){.price h2{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;color:var(--white);z-index:20;letter-spacing:5px}.price h2.subtext,.price h3{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:1.4rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}}@media (max-width: 900px){.price h2{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--white);z-index:20;letter-spacing:5px}.price h2.subtext{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:1.6rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}.price .item{position:relative;width:80%;height:auto;border-radius:20px;background-color:var(--white);color:var(--darkgray);border:none;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;overflow:hidden;transition:.3s}.price .content .img-container{position:relative;width:100%;height:auto;background-color:transparent}.price .content .item .details{padding:20px;display:flex;flex-direction:column;gap:20px;width:100%}}@media (max-width: 768px){.price .item{position:relative;width:100%;height:auto;border-radius:20px;background-color:var(--white);color:var(--darkgray);border:none;box-shadow:0 0 10px #0000004d;display:flex;overflow:hidden;transition:.3s;will-change:transform}.price h2.subtext{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:1.4rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}}@media (max-width:480px){.price h2.subtext{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:1.2rem;font-family:Poppins,sans-serif;font-style:italic;color:var(--white);z-index:20;letter-spacing:5px;text-align:center}}.action{width:100vw;height:auto;min-height:600px;background:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20900%20600'%20width='900'%20height='600'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3crect%20x='0'%20y='0'%20width='900'%20height='600'%20fill='%23ffffff'%3e%3c/rect%3e%3cdefs%3e%3clinearGradient%20id='grad1_0'%20x1='33.3%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='20%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3cstop%20offset='80%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cdefs%3e%3clinearGradient%20id='grad2_0'%20x1='0%25'%20y1='0%25'%20x2='66.7%25'%20y2='100%25'%3e%3cstop%20offset='20%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3cstop%20offset='80%25'%20stop-color='%23ffffff'%20stop-opacity='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20transform='translate(900,%200)'%3e%3cpath%20d='M0%20486.7C-49.6%20446.6%20-99.1%20406.4%20-161.1%20389C-223.1%20371.5%20-297.6%20376.7%20-344.2%20344.2C-390.8%20311.6%20-409.6%20241.2%20-428.7%20177.6C-447.8%20113.9%20-467.3%2056.9%20-486.7%200L0%200Z'%20fill='%23e9eaeb'%3e%3c/path%3e%3c/g%3e%3cg%20transform='translate(0,%20600)'%3e%3cpath%20d='M0%20-486.7C63.5%20-480.3%20126.9%20-473.8%20186.3%20-449.7C245.6%20-425.6%20300.8%20-383.7%20332.3%20-332.3C363.9%20-281%20371.8%20-220%20393.6%20-163C415.4%20-106%20451.1%20-53%20486.7%200L0%200Z'%20fill='%23e9eaeb'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:20px}.action .block{position:relative;width:80%;height:400px;background-color:var(--white);box-shadow:0 0 10px #0000004d;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:50px 50px 50px 80px;will-change:transform}.action .block .img-container{position:absolute;right:0;top:0;width:500px;height:450px;border-radius:30px;transform:translate(110px,-50px) rotate(45deg);box-shadow:5px 5px 10px #0000004d;overflow:hidden;will-change:transform}.action .block .img-container img{width:100%;height:100%;object-fit:cover}.action h2{color:var(--darkgray);font-size:2rem;font-weight:500;width:100%;line-height:40px}.action h2.cta{font-family:Poppins,sans-serif;color:var(--lightgray);font-size:2rem;font-style:italic;font-weight:600;line-height:30px}.action p{font-size:1.2rem;color:var(--gray);width:100%}.action .btn{width:50%;height:40px;border:none;background-color:var(--lightgray);color:var(--darkgray);border-radius:30px;box-shadow:0 0 10px #0000004d;cursor:pointer;transition:.3s;font-size:1rem;will-change:transform}.action .btn:hover{background-color:var(--darkred);color:var(--white)}@media (max-width: 768px){.action .block{position:relative;width:100%;height:500px;background-color:var(--white);box-shadow:0 0 10px #0000004d;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:20px;will-change:transform}.action .btn{width:50%;height:40px;border:none;background-color:var(--lightgray);color:var(--darkgray);border-radius:30px;box-shadow:0 0 10px #0000004d;cursor:pointer;transition:.3s;font-size:1rem;will-change:transform}}@media (max-width: 480px){.action .btn{width:100%;height:40px;border:none;background-color:var(--lightgray);color:var(--darkgray);border-radius:30px;box-shadow:0 0 10px #0000004d;cursor:pointer;transition:.3s;font-size:1rem;will-change:transform}}.about{position:relative;margin-top:70px;width:100%;height:auto;display:flex;flex-direction:column}.about .head{position:relative;width:100%;height:100%;background:url(/assets/about-head-CHsj2FLu.webp);background-size:cover;background-position:center;padding:20px;display:flex;justify-content:flex-end}.about .head h1{position:absolute;top:80px;left:100px;font-size:3rem;font-family:Poppins,sans-serif;letter-spacing:5px}.about .head .me-block{position:relative;width:60%;height:100%;max-height:100%;background-color:var(--white);opacity:.9;border-radius:30px;display:flex;padding-bottom:20px}.about .head .me-block .avartar{position:relative;width:30%;display:flex;flex-direction:column;align-items:center;padding-top:40px}.about .head .me-block .avartar .portrait{width:180px;height:180px;border-radius:50%;overflow:hidden}.about .head .me-block .avartar .portrait img{width:100%;height:100%;object-fit:cover;object-position:top}.about .head .me-block .avartar .social-button{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:10px;font-size:1.2rem;padding-top:20px}.about .head .me-block .avartar .social-button a{color:var(--black)}.about .head .me-block .avartar .icon{transition:.3s;cursor:pointer}.about .head .me-block .avartar .icon:hover{scale:1.4;color:var(--red);filter:drop-shadow(2px 2px 5px var(--white))}.about .head .me-block .text{width:70%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.about .head .me-block h2{position:relative;font-size:1.6rem;color:var(--darkgray);width:100%;margin:20px 0;font-weight:700}.about .head .me-block .content{position:relative;width:100%;font-size:1rem;color:var(--darkgray);line-height:30px;z-index:10}.about .head .me-block .content-eng{position:relative;width:100%;font-family:Poppins,sans-serif;font-style:italic;font-size:.9rem;line-height:25px;z-index:10}.about .head .me-block .btn{position:relative;width:100%;z-index:20}.about .head .me-block .btn>button{width:150px;height:40px;border:none;outline:none;font-size:1rem;border-radius:20px;letter-spacing:2px;font-weight:400;box-shadow:0 0 10px #0000004d;cursor:pointer;margin-top:20px}.about .head .me-block .cta{background-color:var(--black);color:var(--lightgray);transition:.3s}.about .head .me-block .cta:hover{background-color:var(--red);box-shadow:none}@media (max-width: 1200px){.about .head .me-block .avartar .portrait{width:150px;height:150px;border-radius:50%;overflow:hidden}.about .head .me-block h2{position:relative;font-size:1.3rem;color:var(--darkgray);width:100%}}@media (max-width: 10240px){.about .head h1{position:absolute;top:80px;left:80px;font-size:2.2rem;font-family:Poppins,sans-serif;letter-spacing:5px}.about .head .me-block .avartar .portrait{width:120px;height:120px;border-radius:50%;overflow:hidden}}@media (max-width: 900px){.about .head .me-block{position:relative;width:60%;height:100%;max-height:100%;background-color:var(--white);opacity:.9;border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.about .head .me-block .text{width:90%;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}}@media (max-width: 768px){.about .head{position:relative;width:100%;height:100%;background:url(/assets/about-head-D9_Sal79.jpg);background-size:cover;background-position:center;padding:50px;display:flex;flex-direction:column;justify-content:flex-end}.about .head h1{position:relative;width:100%;height:80px;top:auto;left:auto;font-size:2rem;font-family:Poppins,sans-serif;letter-spacing:5px;z-index:20;text-align:center}.about .head .me-block{position:relative;width:100%;height:100%;max-height:100%;background-color:var(--white);opacity:.9;border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 480px){.about .head .me-block h2{position:relative;font-size:1rem;color:var(--black);width:100%}.about .head .me-block .text{width:100%;padding:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.about .head .me-block .content{position:relative;width:100%;font-size:.9rem;color:var(--darkgray);line-height:30px;z-index:10}.about .head .me-block .content-eng{position:relative;width:100%;font-family:Poppins,sans-serif;font-style:italic;font-size:.8rem;line-height:25px;z-index:10}}.begin{position:relative;width:100%;height:600px;display:flex;background-color:var(--red);padding:100px 50px;overflow:hidden}.begin .headline{width:40%}.begin h2{font-size:1.8rem;color:var(--lightgray);display:block;margin-bottom:20px;line-height:40px}.begin h2.eng{font-size:1rem;font-style:italic;color:var(--lightgray);font-family:Poppins,sans-serif}.begin .img-container{position:relative;width:500px;height:400px;overflow:hidden;transform:translate(-200px,50px) rotate(15deg);filter:drop-shadow(0 0 10px rgba(255,255,255,3));will-change:transform}.begin .img-container .so-wedding{width:100%;height:100%;object-fit:cover;border-radius:30px}.begin .text{width:40%;padding-left:50px;color:#fdb6b6;font-size:1.2rem;font-weight:400;line-height:30px}.begin .text .eng{font-size:1rem;line-height:25px;font-family:Poppins,sans-serif;font-style:italic;margin-top:20px}.begin .my-design{position:relative;width:30%;height:600px;transform:translate(170px,-160px) rotate(-15deg);filter:drop-shadow(0 0 10px rgba(255,255,255,3));overflow:hidden;will-change:transform}.begin .my-design .so-wedding2{width:100%;height:100%;object-fit:cover;object-position:right;border-radius:30px}.begin .highlight{background:linear-gradient(to bottom,transparent 70%,rgba(249,162,162,.857) 80%);display:inline;line-height:1.5}@media (max-width: 1200px){.begin .headline{width:25%}.begin .text{width:55%;padding-left:50px;color:#fdb6b6;font-size:1.2rem;font-weight:400;line-height:30px}.begin .img-container{position:relative;width:400px;height:400px;overflow:hidden;transform:translate(-160px,50px) rotate(15deg);filter:drop-shadow(0 0 10px rgba(255,255,255,3));will-change:transform}.begin .my-design{position:relative;width:20%;height:600px;transform:translate(100px,-160px) rotate(-15deg);filter:drop-shadow(0 0 10px rgba(255,255,255,3));overflow:hidden;will-change:transform}}@media (max-width:1024px){.begin .headline{width:30%}.begin .text{width:50%}.begin .my-design{position:relative;width:20%;height:600px;transform:translate(120px,-160px) rotate(-15deg);filter:drop-shadow(0 0 10px rgba(255,255,255,3));overflow:hidden;will-change:transform}.begin .img-container{position:relative;width:400px;height:400px;overflow:hidden;transform:translate(-200px,20px) rotate(15deg);filter:drop-shadow(0 0 10px rgba(255,255,255,3));will-change:transform}}@media (max-width:960px){.begin{position:relative;width:100%;height:600px;display:flex;background-color:var(--red);padding:50px;overflow:hidden}}@media (max-width:840px){.begin{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.begin .headline{width:100%;text-align:center}.begin .img-container{position:relative;width:100%;height:300px;border-radius:30px;transform:translate(0) rotate(0);overflow:hidden;filter:drop-shadow(0 0 10px rgba(255,255,255,3));will-change:transform}.begin .my-design{display:none}.begin .text{margin-top:50px;width:100%;padding-left:0}}.rich{position:relative;width:100%;height:100%;padding:50px;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:50px;justify-content:center;align-items:center}.rich>div{filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3));will-change:transform}.rich .img-container{position:relative;height:100%;overflow:hidden;border-radius:30px}.rich .img-container .surf{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:30px}.rich .text{position:relative;height:100%;flex:1;color:var(--gray);background-color:var(--lightblack);border-radius:30px;padding:50px;display:flex;flex-direction:column;gap:30px}.rich .text h2{font-size:1.5rem;line-height:30px;text-align:center}.rich .text p{line-height:30px}.rich .text .view-design{width:150px;height:40px;border-radius:30px;border:none;outline:none;background-color:var(--lightgray);color:var(--black);cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(255,255,255,.5));transition:.3s}.rich .text .view-design:hover{background-color:var(--gray);color:var(--white);filter:drop-shadow(2px 2px 2px rgba(240,18,18,.5))}.rich .text-eng{position:relative;height:100%;flex:1;background-color:var(--lightgray);font-family:Poppins,sans-serif;border-radius:30px;padding:50px}.rich .text-eng h2{font-size:1.4rem;margin-bottom:20px;text-align:center}.rich .text-eng p{font-size:.8rem;font-style:italic}@media (max-width:1200px){.rich{position:relative;width:100%;height:100%;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;justify-content:center;align-items:center}}@media (max-width:960px){.rich{position:relative;width:100%;height:100%;padding:20px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:stretch;gap:20px;justify-content:center;align-items:center}.rich .text-eng{position:relative;height:100%;grid-column:span 2;flex:1;background-color:var(--lightgray);font-family:Poppins,sans-serif;border-radius:30px;padding:50px}}@media (max-width: 768px){.rich{position:relative;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}}.process{position:relative;width:100%;height:auto;display:grid;grid-template-columns:30% 30% auto;grid-template-rows:repeat(2,auto);gap:20px;padding:50px}.process>div{background-color:var(--lightgray);padding:20px;border-radius:30px;transition:.3s}.process>div:hover{transform:translateY(-5px);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));will-change:transform}.process h2{font-size:1.5rem;color:var(--darkgray);line-height:35px;text-align:center}.process p{font-size:1rem;color:var(--gray)}.process .mcse{height:auto;display:flex;flex-direction:column;gap:20px;background-color:var(--lightblack)}.process .mcse .img-container{width:100%;height:200px;border-radius:20px;filter:drop-shadow(0 0 5px rgba(0,0,0,.5));overflow:hidden;will-change:transform}.process .mcse .img-container .img-mcse{width:100%;height:100%;object-fit:cover;transition:.3s}.process .mcse .img-container .img-mcse:hover{transform:scale(1.5)}.process .coding{height:auto;display:flex;flex-direction:column;gap:20px;background-color:var(--lightgray)}.process .coding h2{font-size:1.4rem}.process .coding .img-container{width:100%;height:200px;border-radius:20px;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));overflow:hidden;will-change:transform}.process .coding .img-container .img-php{width:100%;height:100%;object-fit:cover;transition:.3s}.process .coding .img-container .img-php:hover{transform:scale(1.5)}.process .sick{display:flex;flex-direction:column;gap:20px;grid-column-start:1;grid-row-start:2;background-color:var(--lightgray)}.process .ability{grid-column-start:2;grid-row-start:2;display:flex;flex-direction:column;gap:20px;background-color:var(--red)}.process .ability h2,.process .ability p{color:var(--lightgray)}.process .img-surf{position:relative;grid-column-start:3;grid-row-start:1;grid-row:span 2 / span 2;padding:0;border-radius:30px;overflow:hidden}.process .img-surf .lifeway{position:absolute;width:80%;top:10%;left:50%;transform:translate(-50%);font-size:1.6rem;color:var(--white);text-align:center;letter-spacing:5px}.process .img-surf .surf2{width:100%;height:100%;object-fit:cover}@media (max-width: 1200px){.process{position:relative;width:100%;height:auto;display:grid;grid-template-columns:30% 30% auto;grid-template-rows:repeat(2,auto);gap:20px;padding:20px}}@media (max-width: 960px){.process{position:relative;width:100%;height:auto;display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(2,auto);gap:20px;padding:20px}.process .coding{height:auto;display:flex;flex-direction:column;gap:20px;margin-right:20px;background-color:var(--lightgray)}.process .ability{grid-column-start:2;grid-row-start:2;display:flex;flex-direction:column;gap:20px;margin-right:20px;background-color:var(--red)}.process .img-surf{display:none;position:relative;grid-column-start:3;grid-row-start:1;grid-row:span 2 / span 2;padding:0;border-radius:30px;overflow:hidden}}@media (max-width:640px){.process{position:relative;width:100%;height:auto;display:flex;flex-direction:column;gap:20px;padding:20px}.process .coding{height:auto;display:flex;flex-direction:column;margin-right:0;background-color:var(--lightgray)}.process .ability{display:flex;flex-direction:column;gap:20px;background-color:var(--red);margin-right:0}}.study{position:relative;width:100%;height:auto;background:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20900%20600'%20width='900'%20height='600'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3crect%20x='0'%20y='0'%20width='900'%20height='600'%20fill='%23ffffff'%3e%3c/rect%3e%3cpath%20d='M0%20213L21.5%20222.3C43%20231.7%2086%20250.3%20128.8%20254.2C171.7%20258%20214.3%20247%20257.2%20238.7C300%20230.3%20343%20224.7%20385.8%20224.7C428.7%20224.7%20471.3%20230.3%20514.2%20249C557%20267.7%20600%20299.3%20642.8%20307.8C685.7%20316.3%20728.3%20301.7%20771.2%20282.2C814%20262.7%20857%20238.3%20878.5%20226.2L900%20214L900%20601L878.5%20601C857%20601%20814%20601%20771.2%20601C728.3%20601%20685.7%20601%20642.8%20601C600%20601%20557%20601%20514.2%20601C471.3%20601%20428.7%20601%20385.8%20601C343%20601%20300%20601%20257.2%20601C214.3%20601%20171.7%20601%20128.8%20601C86%20601%2043%20601%2021.5%20601L0%20601Z'%20fill='%23e9eaeb'%3e%3c/path%3e%3cpath%20d='M0%20395L21.5%20396.8C43%20398.7%2086%20402.3%20128.8%20406.5C171.7%20410.7%20214.3%20415.3%20257.2%20419.7C300%20424%20343%20428%20385.8%20420.7C428.7%20413.3%20471.3%20394.7%20514.2%20402.3C557%20410%20600%20444%20642.8%20449.2C685.7%20454.3%20728.3%20430.7%20771.2%20425.7C814%20420.7%20857%20434.3%20878.5%20441.2L900%20448L900%20601L878.5%20601C857%20601%20814%20601%20771.2%20601C728.3%20601%20685.7%20601%20642.8%20601C600%20601%20557%20601%20514.2%20601C471.3%20601%20428.7%20601%20385.8%20601C343%20601%20300%20601%20257.2%20601C214.3%20601%20171.7%20601%20128.8%20601C86%20601%2043%20601%2021.5%20601L0%20601Z'%20fill='%23d24343'%3e%3c/path%3e%3c/svg%3e") no-repeat;background-size:cover;background-position:center;padding:0 50px 50px}.study h2{font-size:2rem;width:100%;text-align:center;color:var(--gray);line-height:100px}.study .block{position:relative;width:100%;height:350px;background-color:#fff;border-radius:30px;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;display:flex;will-change:transform}.study .block .img-container{width:40%;height:600px;background-color:var(--gray);transform:translate(-100px,-100px) rotate(12deg);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;will-change:transform}.study .block .img-container .img-coding{width:100%;height:100%;object-fit:cover}.study .block .text{position:relative;padding:50px 50px 50px 0;width:60%;line-height:40px;color:var(--gray);font-size:1.1rem;letter-spacing:2px}.study .block .text a{color:var(--red)}@media (max-width:1200px){.study .block{position:relative;width:100%;height:360px;background-color:#fff;border-radius:30px;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;display:flex;will-change:transform}.study .block .img-container{width:30%;height:600px;background-color:var(--gray);transform:translate(-80px,-100px) rotate(12deg);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;will-change:transform}.study .block .text{position:relative;padding:50px 50px 50px 0;width:70%;line-height:40px;color:var(--gray);font-size:1.1rem;letter-spacing:2px}}@media (max-width:960px){.study .block{position:relative;width:100%;height:400px;background-color:#fff;border-radius:30px;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;display:flex;will-change:transform}.study .block .img-container{width:20%;height:600px;background-color:var(--gray);transform:translate(-80px,-100px) rotate(12deg);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;will-change:transform}.study .block .text{position:relative;padding:50px 50px 50px 0;width:80%;line-height:40px;color:var(--gray);font-size:1.1rem;letter-spacing:2px}}@media (max-width: 768px){.study{position:relative;width:100%;height:auto;background:url("data:image/svg+xml,%3csvg%20id='visual'%20viewBox='0%200%20900%20600'%20width='900'%20height='600'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%3e%3crect%20x='0'%20y='0'%20width='900'%20height='600'%20fill='%23ffffff'%3e%3c/rect%3e%3cpath%20d='M0%20213L21.5%20222.3C43%20231.7%2086%20250.3%20128.8%20254.2C171.7%20258%20214.3%20247%20257.2%20238.7C300%20230.3%20343%20224.7%20385.8%20224.7C428.7%20224.7%20471.3%20230.3%20514.2%20249C557%20267.7%20600%20299.3%20642.8%20307.8C685.7%20316.3%20728.3%20301.7%20771.2%20282.2C814%20262.7%20857%20238.3%20878.5%20226.2L900%20214L900%20601L878.5%20601C857%20601%20814%20601%20771.2%20601C728.3%20601%20685.7%20601%20642.8%20601C600%20601%20557%20601%20514.2%20601C471.3%20601%20428.7%20601%20385.8%20601C343%20601%20300%20601%20257.2%20601C214.3%20601%20171.7%20601%20128.8%20601C86%20601%2043%20601%2021.5%20601L0%20601Z'%20fill='%23e9eaeb'%3e%3c/path%3e%3cpath%20d='M0%20395L21.5%20396.8C43%20398.7%2086%20402.3%20128.8%20406.5C171.7%20410.7%20214.3%20415.3%20257.2%20419.7C300%20424%20343%20428%20385.8%20420.7C428.7%20413.3%20471.3%20394.7%20514.2%20402.3C557%20410%20600%20444%20642.8%20449.2C685.7%20454.3%20728.3%20430.7%20771.2%20425.7C814%20420.7%20857%20434.3%20878.5%20441.2L900%20448L900%20601L878.5%20601C857%20601%20814%20601%20771.2%20601C728.3%20601%20685.7%20601%20642.8%20601C600%20601%20557%20601%20514.2%20601C471.3%20601%20428.7%20601%20385.8%20601C343%20601%20300%20601%20257.2%20601C214.3%20601%20171.7%20601%20128.8%20601C86%20601%2043%20601%2021.5%20601L0%20601Z'%20fill='%23d24343'%3e%3c/path%3e%3c/svg%3e") no-repeat;background-size:cover;background-position:center;padding:20px}.study .block{position:relative;width:100%;height:auto;background-color:#fff;border-radius:30px;filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;display:flex;will-change:transform}.study h2{font-size:1.2rem;font-weight:700;width:100%;text-align:center;color:var(--gray);line-height:50px;margin-bottom:20px}.study .block .img-container{display:none;width:20%;height:600px;background-color:var(--gray);transform:translate(-80px,-100px) rotate(12deg);filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));overflow:hidden;will-change:transform}.study .block .text{position:relative;padding:20px;width:100%;line-height:40px;color:var(--gray);font-size:1.1rem;letter-spacing:2px}}.value{position:relative;width:100%;height:auto;background:var(--lightgray);padding:50px;display:flex;gap:50px}.value .text{position:relative;width:50%;height:auto;display:flex;flex-direction:column;gap:20px}.value .text h2{font-size:2rem;color:var(--darkgray);font-weight:700;line-height:50px}.value .text h3{font-family:Poppins,sans-serif;font-size:1.5rem;color:var(--darkgray);font-weight:600;font-style:italic}.value .text p{font-size:1.1rem;color:var(--gray);line-height:30px}.value .text p.eng{font-family:Poppins,sans-serif;font-size:1rem;color:var(--gray);line-height:25px;font-style:italic}.value button{width:50%;height:50px;border-radius:30px;border:none;outline:none;background-color:var(--lightblack);color:var(--lightgray);transition:.3s;font-size:1rem;cursor:pointer}.value button:hover{background-color:var(--red);filter:drop-shadow(0 0 10px rgba(0,0,0,.3));font-size:1.1rem;will-change:transform}.value .img-container{width:50%;height:500px;border-radius:30px;overflow:hidden;transition:.3s}.value .img-container:hover{transform:translateY(-5px);filter:drop-shadow(5px 5px 5px rgba(0,0,0,.5));will-change:transform}.value .img-container .img-comm{width:100%;height:100%;object-fit:cover;object-position:20% 30%;border-radius:30px;transition:.3s}.value .img-container .img-comm:hover{transform:scale(1.1)}@media (max-width:768px){.value{position:relative;width:100%;height:auto;background:var(--lightgray);padding:20px;display:flex;flex-direction:column-reverse;gap:50px}.value .img-container{width:100%;height:300px;border-radius:30px;overflow:hidden;transition:.3s}.value .text{position:relative;width:100%;height:auto;display:flex;flex-direction:column;gap:20px}}.service{display:flex;flex-direction:column;gap:50px}.service{display:flex;flex-direction:column;gap:20px}.service .head{position:relative;margin-top:70px;width:100%;height:100vh;display:flex}.service .head .left-block{position:relative;width:50%;height:100%;background:linear-gradient(to right,var(--red)30%,var(--white)30%)}.service .head .left-block .img-container{position:absolute;top:55px;left:40px;width:calc(100% - 80px);height:75%;border-radius:30px;box-shadow:0 2px 10px #0003;overflow:hidden}.service .head .img-container img{width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeIn 1s ease-in forwards}.service .head .headline{width:50%;height:100%;padding:180px 15px 20px 10px;display:flex;flex-direction:column}.service .head .headline h1{font-size:2rem;color:var(--gray);line-height:50px;text-align:center}.service .head .headline p{font-size:1.3rem;color:var(--gray);font-family:Poppins,sans-serif;padding-top:30px;font-style:italic;text-align:center}.service .head .headline button{position:absolute;width:100px;height:100px;border:none;border-radius:50%;background-color:var(--red);right:20px;top:65%;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transition:.3s;cursor:pointer;overflow:hidden;z-index:10;animation:float 3s ease-in-out infinite;color:var(--white)}.service .head .headline button:hover{color:var(--black)}.service .head .headline button:hover:before{transform:translate(100%);transition:.3s}.service .head .headline button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--white);z-index:-1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes faddIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.service .head{position:relative;margin-top:70px;width:100%;height:auto;display:flex;flex-direction:column}.service .head .left-block{position:relative;width:100%;height:300px;background:linear-gradient(to right,var(--red)30%,var(--white)30%)}.service .head .left-block .img-container{position:absolute;top:35px;left:20px;width:calc(100% - 40px);height:75%;border-radius:30px;box-shadow:0 2px 10px #0003;overflow:hidden}.service .head .headline{width:100%;height:100%;padding:80px 50px 50px;display:flex;flex-direction:column}.service .head .headline h1{font-size:1.5rem;color:var(--gray);line-height:50px;text-align:center}.service .head .headline p{font-size:1rem;color:var(--gray);font-family:Poppins,sans-serif;padding-top:30px;font-style:italic;text-align:center}.service .head .headline button{position:absolute;width:70px;height:70px;border:none;border-radius:50%;background-color:var(--red);right:20px;top:65%;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));transition:.3s;cursor:pointer;overflow:hidden;z-index:10;animation:float 3s ease-in-out infinite;color:var(--white)}}.website{position:relative;width:100%;height:650px;padding:0 50px;display:flex;justify-content:center}.website .block{width:100%;height:100%;background-color:var(--lightgray);border-radius:50px;display:flex;align-items:center;gap:50px}.website .block .text{position:relative;width:60%;height:100%;padding:0 0 50px 50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.website .block .text h2{display:block;position:relative;font-size:3rem;color:var(--darkgray);font-weight:800;line-height:100px;letter-spacing:5px}.website .block .text .brief{position:relative;display:grid;width:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px}.website .block .text .brief .item{position:relative;height:210px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px;overflow:hidden;transition:.3s ease}.website .block .text .brief .item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);opacity:.7;z-index:2}.website .block .text .brief .item-heart{background:url(/assets/heart-COGUseS9.jpeg);background-size:cover;background-position:center}.website .block .text .brief .item:hover{transform:translateY(-5px);box-shadow:10px 10px 10px #0003}.website .block .text .brief .item-excellent{background:url(/assets/excellent-Bcu_f_1f.jpeg);background-size:cover;background-position:center}.website .block .text .brief .item-communication{background:url(/assets/communication2-D3hSwkcm.jpeg);background-size:cover;background-position:center}.website .block .text .brief .item-yougotit{background:url(/assets/yougotit-BdCSP0_u.jpg);background-size:cover;background-position:center}.website .block .text .brief .item h3{width:100%;font-size:1.3rem;color:var(--lightgray);font-weight:500;text-align:center;z-index:10}.website .block .text .brief .item p{width:100%;font-size:1rem;color:var(--gray);font-weight:400;line-height:30px;z-index:10}.website .block .img-container{position:relative;width:40%;height:100%;overflow:hidden}.website .block .img-container img{width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 900px){.website .block .text h2{display:block;position:relative;font-size:2.5rem;color:var(--darkgray);font-weight:800;height:100px;line-height:100px;letter-spacing:5px}.website .block .text .brief .item h3{width:100%;font-size:1rem;color:var(--lightgray);font-weight:500;text-align:center;z-index:10}.website .block .text .brief .item p{width:100%;font-size:.8rem;color:var(--gray);font-weight:400;line-height:30px;z-index:10}}@media (max-width: 768px){.website .block .text .brief{position:relative;display:grid;width:100%;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);gap:20px}.website .block .text .brief .item{position:relative;height:100px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px;overflow:hidden;transition:.3s ease}.website .block .text h2{display:block;position:relative;font-size:1.8rem;color:var(--darkgray);font-weight:800;height:100px;line-height:100px;letter-spacing:2px}.website .block .text .brief .item h3{position:relative;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.website .block .text .brief .item p{display:none}}@media (max-width: 480px){.website{position:relative;width:100%;height:600px;padding:0 20px;display:flex;justify-content:center}.website .block{width:100%;height:100%;background-color:var(--lightgray);border-radius:50px;display:flex;align-items:center;gap:20px}.website .block .text{position:relative;width:50%;height:100%;padding:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.website .block .text h2{display:block;position:relative;font-size:1.2rem;color:var(--darkgray);font-weight:800;height:100px;line-height:100px;letter-spacing:2px}.website .block .text .brief .item h3{position:relative;display:block;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem}.website .block .img-container{position:relative;width:50%;height:100%;overflow:hidden}}.offer{width:100%;height:auto;overflow-x:hidden;overflow-y:hidden}.offer .title{font-size:3rem;line-height:120px;text-align:center;color:var(--gray)}.offer .text{display:flex;flex-direction:column;justify-content:center;align-items:center}.offer .text h2{font-size:2rem;color:var(--darkgray);line-height:50px}.offer .text p{font-size:1rem;color:var(--darkgray);letter-spacing:2px;line-height:30px}.offer .text p.eng{font-family:Popins,sans-serif;font-style:italic;font-size:.8rem;line-height:25px;letter-spacing:normal}.offer .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);background-color:var(--lightgray);gap:50px;padding:40px}.offer .content>div{height:auto;background-color:var(--white);border-radius:20px;box-shadow:0 0 10px #0000004d;transition:.3s;overflow:hidden}.offer .content>div:hover{box-shadow:0 0 20px #ff00004d}.offer .content>div:nth-child(1){background-color:var(--lightgray);box-shadow:none}.offer .item{position:relative;padding:20px;display:flex;flex-direction:column;gap:20px;transition:.3s}.offer .item.text{padding-bottom:0}.offer .item:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;border:1px solid transparent;background-color:var(--lightgray);clip-path:polygon(80% 0,100% 0,100% 100px);opacity:.8;z-index:10}.offer .item:hover{transform:translateY(-5px)}.offer .item-head{display:flex;gap:20px;color:var(--gray)}.offer .item-head h2{width:100%;text-align:center;padding-top:8px;letter-spacing:3px}.offer #tutor h2{font-size:1.5rem}.offer .item-img-container{position:relative;width:100%;height:200px;border-radius:20px;overflow:hidden;cursor:pointer}.offer .item-img-container img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:.5s}.offer .item-img-container img:hover{scale:1.2}.offer h3{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;height:80px;line-height:80px;font-size:1.6rem;font-family:Poppins,sans-serif;font-style:italic;background-color:var(--white);opacity:.8;color:var(--red);z-index:20;text-align:center;pointer-events:none}.offer .item .contact-btn{width:100%;height:50px;outline:none;border:none;border-radius:20px;background-color:var(--lightgray);color:var(--black);font-size:1rem;cursor:pointer;transition:.5s}.offer .item .contact-btn:hover{background-color:var(--darkred);color:var(--lightgray)}.offer .item ul{color:var(--darkgray)}.offer .item li{position:relative;padding:10px 20px}.offer .item li:before{content:"";position:absolute;border-color:var(--red);border-style:solid;border-width:0 3px 3px 0;width:3px;height:8px;transform:rotate(45deg);top:15px;left:0}.offer .item ul .keypoint{font-weight:600}.offer .item .price{color:var(--red);font-weight:700;font-size:1.5rem}@media (max-width: 1200px){.offer .text p.eng{display:none;font-family:Popins,sans-serif;font-style:italic;font-size:.8rem;line-height:25px;letter-spacing:normal}.offer h2{font-size:1.2rem}.offer #tutor h2{font-size:1rem}.offer h3{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;height:80px;line-height:80px;font-size:1.1rem;font-family:Poppins,sans-serif;font-style:italic;background-color:var(--white);opacity:.8;color:var(--red);z-index:20;text-align:center;pointer-events:none}}@media (max-width: 960px){.offer .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);background-color:var(--lightgray);gap:50px;padding:40px}}@media (max-width: 768px){.offer .title{font-size:2.4rem;height:100px;line-height:100px;text-align:center;color:var(--gray)}.offer .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,auto);background-color:var(--lightgray);gap:50px;padding:40px}}@media (max-width: 480px){.offer .title{font-size:2rem;height:100px;line-height:100px;text-align:center;color:var(--gray)}.offer .text h2{font-size:1.5rem;color:var(--darkgray);line-height:50px}.offer .content{width:100%;height:auto;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,auto);background-color:var(--lightgray);gap:20px;padding:20px}}.bane-website-card{font-family:Poppins,sans-serif;position:relative;width:100%;padding:50px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);min-height:600px}.card-container{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr;gap:0;transition:transform .4s ease,box-shadow .4s ease}.card-container:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.image-wrapper{position:relative;overflow:hidden;cursor:pointer;height:100%;min-height:400px}.website-image{width:100%;height:100%;object-fit:cover;object-position:0% 0%;transition:transform .4s ease}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;color:#fff}.image-wrapper:hover .image-overlay{opacity:1}.image-wrapper:hover .website-image{transform:scale(1.1)}.external-icon{font-size:3rem;margin-bottom:16px;animation:pulse 2s infinite}.view-text{font-size:1.2rem;font-weight:500;letter-spacing:1px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-content{padding:40px;display:flex;flex-direction:column;justify-content:space-between}.hashtags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.hashtag{background:linear-gradient(135deg,var(--red),#ff6b6b);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.project-title{font-size:2.2rem;font-weight:700;color:var(--black);margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,var(--black),var(--darkgray));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{font-size:1.1rem;color:var(--darkgray);line-height:1.6;margin-bottom:32px}.features{display:flex;gap:24px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--gray);font-weight:500}.feature-icon{font-size:1.2rem;color:var(--red)}.visit-button{background:linear-gradient(135deg,var(--red),#ff6b6b);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-start;box-shadow:0 8px 20px #d243434d}.visit-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #d2434366;background:linear-gradient(135deg,#ff6b6b,var(--red))}.button-icon{font-size:1.2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:#fff;border-radius:20px;max-width:90vw;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 30px 60px #0000004d}.modal-close{position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:1001;transition:background .3s ease}.modal-close:hover{background:#000000e6}.modal-image{width:100%;height:auto;max-height:70vh;object-fit:contain}.modal-info{padding:30px;text-align:center}.modal-info h3{font-size:1.8rem;color:var(--black);margin-bottom:12px}.modal-info p{font-size:1.1rem;color:var(--gray);margin-bottom:24px}.modal-visit-button{background:linear-gradient(135deg,var(--red),#ff6b6b);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.modal-visit-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d243434d}@media (max-width: 1024px){.card-container{grid-template-columns:1fr}.image-wrapper{min-height:300px}.card-content{padding:30px}.project-title{font-size:1.8rem}}@media (max-width: 768px){.bane-website-card{padding:30px 50px}.card-content{padding:24px}.project-title{font-size:1.6rem}.project-description{font-size:1rem}.features{flex-direction:column;gap:16px}.hashtags{gap:6px}.hashtag{font-size:.8rem;padding:4px 12px}}@media (max-width: 480px){.bane-website-card{padding:20px}.card-container{border-radius:16px}.card-content{padding:20px}.project-title{font-size:1.4rem}.visit-button{padding:12px 24px;font-size:1rem;width:100%;justify-content:center}.modal-content{max-width:95vw;border-radius:12px}.modal-info{padding:20px}}.portfolio .head{position:relative;margin-top:70px;width:100%;height:600px;padding:50px;overflow:hidden;background-color:var(--lightgray);display:flex;align-items:flex-start;justify-content:flex-end}.portfolio .head .headline{width:45%}.portfolio .head h1{font-size:2rem;color:var(--gray);padding-top:50px;line-height:50px}.portfolio .head p{font-size:1.2rem;color:var(--gray);font-family:Poppins,sans-serif;padding-top:20px;font-style:italic}.portfolio .head .awesome{position:absolute;top:0;left:0;width:70%;height:60%;border-radius:50px;transform:translate(-30%,-25%) rotate(12deg);overflow:hidden;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));will-change:transform}.portfolio .head .awesome img{width:100%;height:100%;object-fit:cover;animation:fadeIn 1s ease-in forwards}.portfolio .head .great{position:absolute;top:40%;left:0;width:70%;height:70%;border-radius:50px;transform:translate(-10%,8%) rotate(12deg);overflow:hidden;background-color:var(--red);filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));will-change:transform}.portfolio .head .great img{width:100%;height:100%;object-fit:cover;animation:fadeIn 1s ease-in forwards}@media (max-width: 768px){.portfolio .head h1{font-size:2rem;color:var(--gray);padding-top:0;line-height:50px}.portfolio .head p{font-size:1.2rem;color:var(--gray);font-family:Poppins,sans-serif;padding-top:10px;font-style:italic}.portfolio .head .great{position:absolute;top:30%;left:0;width:60%;height:70%;border-radius:50px;filter:drop-shadow(0 0 10px rgba(0,0,0,.3));transform:translate(-20%,8%) rotate(12deg);overflow:hidden;background-color:var(--red)}}@media (max-width: 480px){.portfolio .head h1{font-size:1.5rem;color:var(--gray);padding-top:50px;line-height:50px}.portfolio .head p{font-size:1.2rem;color:var(--gray);font-family:Poppins,sans-serif;padding-top:20px;font-style:italic}.portfolio .head .great{position:absolute;top:30%;left:0;width:50%;height:70%;border-radius:0 50px 50px;filter:drop-shadow(0 0 10px rgba(0,0,0,.3));transform:translate(-25%,8%) rotate(12deg);overflow:hidden;background-color:var(--red)}}.navigation nav{position:relative;width:100%;min-height:150px;height:auto;background-color:var(--lightgray);display:flex;justify-content:center;align-items:center;padding:20px}.navigation ul{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.navigation li{list-style:none;height:50px;width:250px;border:1px solid var(--gray);font-family:Poppins,sans-serif;text-align:center;line-height:50px;border-radius:20px;cursor:pointer;transition:.3s ease;font-size:.9rem}.navigation li:hover{background-color:var(--white);border:none;transform:scale(1.1) translateY(-3px);color:var(--red);box-shadow:0 5px 10px #0000001a}.navigation a{display:block;width:100%;color:var(--black)}.navigation a:visited{color:var(--black)}.contact{position:relative;margin-top:70px;width:100%;height:auto;display:flex;flex-direction:column}.contact .head{position:relative;display:flex;flex-direction:column}.contact .head .headline{position:absolute;width:70%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);opacity:.8;text-align:center;border-radius:30px;padding:50px 0}.contact .head .headline h1{font-size:2rem;color:var(--darkgray);line-height:100px;margin:0 10px 20px 0;font-weight:600;text-align:center}.contact .head .headline h2{font-size:1.5rem;color:var(--gray);font-style:italic;font-family:Poppins,sans-serif;margin:20px 10px;text-align:center}.contact .head .img-container{position:relative;width:100%;height:500px}.contact .head .img-container .img-contact{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 768px){.contact .head .headline h1{font-size:1.5rem;color:var(--darkgray);line-height:50px;margin:0 10px;font-weight:600;text-align:center}.contact .head .headline h2{font-size:1.5rem;color:var(--gray);font-style:italic;font-family:Poppins,sans-serif;margin:20px 10px;text-align:center}}.contact-way{position:relative;display:flex;width:100%;height:200px;background-color:var(--black)}.contact-way .phone,.contact-way .location,.contact-way .mail{width:33%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:20px 0}.contact-way .location{width:34%}.contact-way .mail{justify-content:flex-start}.contact-way .icon{font-size:3rem;color:var(--red)}.contact-way .text{font-size:1.5rem;color:var(--red);font-family:Poppins,sans-serif;text-align:center}@media (max-width: 1024px){.contact-way .mail{width:38%}}@media (max-width: 960px){.contact-way .text{font-size:1.2rem;color:var(--red);font-family:Poppins,sans-serif;text-align:center}}@media (max-width: 768px){.contact-way .icon{font-size:1.5rem;color:var(--red)}.contact-way .text{font-size:1rem;color:var(--red);font-family:Poppins,sans-serif;text-align:center}.contact-way .mail .text{font-size:.8rem}}@media (max-width: 480px){.contact-way .text{font-size:.8rem;color:var(--red);font-family:Poppins,sans-serif;text-align:center}.contact-way .mail .text{font-size:.6rem}}.contact-form{position:relative;width:100%;height:600px;background-color:var(--lightgray);padding:50px;display:flex}.contact-form .group{display:flex;flex-direction:column}.contact-form .img-container{position:relative;width:50%;height:100%;overflow:hidden;border-radius:30px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));transform:translateZ(0);will-change:transform}.contact-form .img-container p{position:absolute;width:100%;height:100px;line-height:100px;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;background-color:var(--white);opacity:.7;text-align:center;color:var(--gray);font-weight:600}.contact-form .img-container .img-form{width:100%;height:100%;object-fit:cover}.contact-form form{width:50%;padding:10px 0 10px 50px;display:flex;flex-direction:column;gap:20px;pointer-events:auto}.contact-form form .error-message{color:var(--red);font-size:1rem;margin-top:4px}.contact-form form .group.error input,.contact-form form .group.error textarea{border-color:var(--red)}.contact-form form .required-symbol{color:var(--red)}.contact-form form input,.contact-form form textarea{width:100%;height:50px;border:1px solid var(--gray);background-color:var(--lightgray);padding:5px 10px;color:var(--lightblack);outline:none;border-radius:10px}.contact-form form input:focus,.contact-form form textarea:focus{outline:none;border:none;box-shadow:6px 5px 10px #0006}.contact-form form label{color:var(--darkgray)}.contact-form form textarea{height:auto}.contact-form button{width:100%;height:50px;background-color:var(--lightblack);outline:none;border:none;color:var(--lightgray);cursor:pointer;transition:.3s;font-size:1rem;border-radius:10px}.contact-form button:hover{background-color:var(--red)}.contact .contact-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.contact .popup-content{width:80%;height:200px;background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 8px #0003;text-align:center;font-size:14px}.contact .popup-content p{margin-top:30px;margin-bottom:30px;font-size:16px}.contact .popup-content button{padding:10px 20px;font-size:16px;width:180px;color:#fff;background-color:var(--red);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.contact .popup-content button:hover{background-color:var(--red)}@media (max-width: 768px){.contact-form{position:relative;width:100%;height:auto;background-color:var(--lightgray);padding:20px;display:flex;flex-direction:column}.contact-form .img-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:20px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));transform:translateZ(0);will-change:transform}.contact-form .img-container p{position:absolute;width:100%;height:70px;line-height:70px;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;background-color:var(--white);opacity:.7;text-align:center;color:var(--gray);font-weight:600}.contact-form form{position:relative;width:100%;padding:10px 0;display:flex;flex-direction:column;gap:20px;pointer-events:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif}li{list-style:none}h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}a{text-decoration:none}.admin-container{display:flex;width:100%;height:100vh;overflow-y:hidden}.admin-container .content{overflow-y:auto}.admin-container a{color:#cdddec;display:inline-block;width:100%}.admin-container a:hover{color:#fff;font-weight:400}.sidebar{width:250px;height:100vh;background-color:#0d1f3c;overflow:hidden;transition:.3s;overflow-y:auto}.sidebar.close{width:100px}.sidebar-caption{color:#fff;padding:20px 0;margin:10px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-nav{padding:0 0 10px}.sidebar .nav-item{position:relative;padding:10px 25px;margin:8px 15px;border-radius:8px;cursor:pointer;transition:.3s;white-space:nowrap}.sidebar .nav-item.active,.sidebar .nav-item:hover{background-color:#fff3;transform:translate(10px)}.sidebar .nav-item:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:#fff;transform:scaleY(0);transition:transform .3s}.sidebar .nav-item:hover:before{transform:scaleY(1)}.sidebar .icon{color:#fff;margin-right:20px;vertical-align:middle}.sidebar .more-or-less{position:absolute;color:#fff;font-size:18px;vertical-align:middle;right:10px;top:15px;transition:transform .3s ease-out}.sidebar .more-or-less.rotated{transform:rotate(180deg)}.sidebar .nav-item span{color:#fff;font-size:1.1em;transition:.3s}.sidebar.close .nav-item span,.sidebar.close .more-or-less{opacity:0}.sidebar .submenu{font-size:1.1em;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}.sidebar .submenu.open{max-height:250px}.sidebar .submenu-item{margin:5px 0;padding-left:45px}.sidebar .submenu-item.active,.sidebar .submenu-item:hover{background-color:#458aeb;border-radius:8px}.admin-container .content{width:calc(100% - 250px);margin:0;transition:width .3s ease-out}.admin-container .topbar{height:76px;background-color:#dadce2;position:relative}.admin-container .hamburger{cursor:pointer;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.admin-container .outlet{padding:20px}.pcm-container{width:100%}.pcm-container .caption{display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;background-color:#fff;box-shadow:0 0 4px #ccc}.pcm-container .title{line-height:80px;color:#666;letter-spacing:4px;padding:10px 20px}.pcm-container .add-category{position:relative;width:120px;height:40px;background-color:#0054b2;color:#dadce2;font-size:1.1em;border-radius:10px;text-align:center;line-height:40px;margin-right:20px;cursor:pointer;box-shadow:0 0 4px #666;overflow:hidden}.pcm-container .add-category-text{position:relative;z-index:2;display:block}.pcm-container .add-category:hover{color:#fff;font-weight:500;transition:.3s}.pcm-container .add-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff6a00;transform:translate(-100%);transition:all .3s;z-index:1}.pcm-container .add-category:hover:before{transform:translate(0)}.pcm-container .modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.pcm-container .modal-content{width:500px;height:300px;background-color:#dadce2;box-shadow:0 0 8px #00000080;border-radius:10px;text-align:center;padding:20px;display:grid;grid-template-rows:auto auto auto auto;gap:20px;align-content:center}.pcm-container .input-container{position:relative;margin:10px 0}.pcm-container .error{box-shadow:0 0 8px red!important;border:2px solid #ff0000}.pcm-container .error-message{color:red;font-size:12px;position:absolute;top:-30px;left:80px;margin-top:5px}.pcm-container .message-title{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.pcm-container .message-title span{font-size:1.5em;font-weight:500}.pcm-container .successIcon{color:green;font-size:30px;font-weight:500}.pcm-container .failIcon{color:red;font-size:30px;font-weight:500}.pcm-container input{width:300px;height:40px;border:none;border-radius:5px;box-shadow:0 0 5px #666;padding:10px;color:#999;justify-self:center;transition:box-shadow .3s ease}.pcm-container input:focus{border:none;outline:none;box-shadow:0 0 12px #448aeb,0 0 4px #44baeb inset}.pcm-container .dropdown-container{position:relative;width:300px;justify-self:center}.pcm-container .dropdown-header{width:100%;height:40px;background-color:#f5f5f5;box-shadow:0 0 5px #666;border-radius:5px;line-height:40px;text-align:left;padding-left:10px;padding-right:30px;cursor:pointer;color:#666;border:1px solid #ddd;transition:background-color .3s;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.pcm-container .dropdown-header:hover{background-color:#e0e0e0}.pcm-container .dropdown-icon{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.pcm-container .dropdown-header.open .dropdown-icon{transform:translateY(-50%) rotate(180deg)}.pcm-container .dropdown-tree{position:absolute;top:45px;left:0;width:100%;max-height:0;background-color:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden;transition:max-height .3s ease-in-out;z-index:10;box-shadow:0 4px 8px #0000001a}.pcm-container .dropdown-tree.open{max-height:250px;overflow-y:auto}.pcm-container .category-tree{margin:20px 0;width:100%;max-width:100%}.pcm-container .category-item{margin-top:10px}.pcm-container .category-box{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-left:5px solid rgb(0 84 178);border-radius:5px;padding:10px 25px;width:100%;box-sizing:border-box;box-shadow:0 0 4px #ccc;transition:background-color .2s}.pcm-container .level-1{margin-left:0;width:100%}.pcm-container .level-2{margin-left:30px;width:calc(100% - 30px)}.pcm-container .level-3{margin-left:60px;width:calc(100% - 60px)}.pcm-container .category-name{font-size:16px;color:#333;flex-grow:1;margin-right:10px}.pcm-container .category-actions{display:flex;gap:10px}.pcm-container .edit-btn,.pcm-container .delete-btn{padding:5px 10px;border:1px solid #999;border-radius:3px;background-color:#fff;cursor:pointer;font-size:12px;color:#333;transition:background-color .2s,color .2s}.pcm-container .edit-btn:hover{background-color:#0054b2;color:#fff;border-color:#0054b2}.pcm-container .delete-btn:hover{background-color:red;color:#fff;border-color:red}.pcm-container .category-item.level-1{margin-bottom:20px}.pcm-container .tree-item-container{width:100%;margin:5px 0}.pcm-container .tree-item{padding:10px;text-align:left;color:#333;cursor:pointer;transition:background-color .2s;width:100%}.pcm-container .tree-item:hover{background-color:#ff6a00;color:#fff}.pcm-container .tree-item.selected{background-color:#ff6a00;color:#fff;font-weight:500}.pcm-container .tree-item.disabled{color:#999;cursor:not-allowed;background-color:#f5f5f5}.pcm-container .tree-item.disabled:hover{background-color:#f5f5f5}.pcm-container .modal-title{margin:0;color:#333;letter-spacing:4px}.pcm-container .modal-buttons{width:300px;height:40px;display:grid;grid-template-columns:auto auto;gap:20px;justify-self:center}.pcm-container button{cursor:pointer;border-radius:8px;border:none;box-shadow:0 0 5px #666}.pcm-container button.save{background-color:#0054b2;color:#dadce2;position:relative;overflow:hidden;z-index:0}.pcm-container button.save:hover{color:#fff;font-weight:500}.pcm-container button.save span{position:relative;display:block;z-index:2}.pcm-container button.save:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff6a00;transform:translate(-100%);transition:all .3s ease;z-index:1}.pcm-container button.save:hover:before{transform:translate(0);width:100%}.pcm-container .modal-backdrop{animation:fadeIn .3s ease-in}.pcm-container .modal-content{animation:popIn .5s ease-in}.pcm-container .modal-backdrop.closing{animation:fadeOut .3s ease-in forwards}.pcm-container .modal-backdrop.closing .modal-content{animation:popOut .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popIn{0%{transform:scale(.2) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(-5deg);opacity:.6}to{transform:scale(1) rotate(0);opacity:1}}@keyframes popOut{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(-5deg);opacity:.6}to{transform:scale(.2) rotate(-20deg);opacity:0}}.pcm-container .message-modal{width:300px;padding:20px;text-align:center}.pcm-container .message-modal p{color:#666;font-size:1.2em;font-weight:400;margin-bottom:20px}.pcm-container .message-modal button{background-color:#0054b2;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer}.pcm-container .message-modal button:hover{background-color:#013d81}.pcm-container .edit-input-container{flex-grow:1;position:relative;margin-right:10px}.pcm-container .edit-input-container input{width:100%;padding:5px;border:1px solid #ddd;border-radius:3px;font-size:16px;color:#333}.pcm-container .edit-input-container .error{border-color:red;box-shadow:0 0 5px #ff00004d}.pcm-container .edit-input-container .error-message{color:red;font-size:12px;position:absolute;top:100%;left:0;margin-top:5px}.pcm-container .save-btn{padding:5px 10px;border:1px solid #999;border-radius:3px;background-color:#fff;cursor:pointer;font-size:12px;color:#333;transition:background-color .2s,color .2s}.pcm-container .save-btn:hover{background-color:#4caf50;color:#fff;border-color:#4caf50}.blog-page{padding:50px;font-family:Inter,sans-serif;background-color:var(--white);margin:70px auto 0}.page-title{font-size:32px;margin-bottom:24px;font-weight:600;color:#222}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 2px 10px #0000001a;transform:translateY(-2px);transition:all .2s ease-in-out}.blog-card.featured{grid-column:span 2}.blog-image{width:100%;height:200px;object-fit:cover}.blog-content{padding:16px}.blog-title{font-size:20px;margin:0 0 8px;font-weight:600}.blog-summary{font-size:14px;color:#555;margin-bottom:12px}.blog-date{font-size:12px;color:#888}.blog-filters{display:flex;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.blog-meta{margin-top:8px;font-size:12px;color:#666;display:flex;justify-content:space-between}.blog-meta .views{font-style:italic}.search-input{padding:10px 14px;font-size:14px;border-radius:6px;border:1px solid #ccc;flex:1;min-width:200px}.category-select{padding:10px 14px;font-size:14px;border-radius:6px;border:1px solid #ccc;background-color:#fff;min-width:160px}.pagination{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:16px;font-size:14px}.pagination button{padding:8px 16px;font-size:14px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;transition:background .3s}.pagination button:disabled{background-color:#999;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#000}.blog-detail-page{display:flex;gap:2rem;padding:2rem;margin-top:70px}.post-content{flex:2}.detail-image{width:100%;margin:1rem 0}.meta{color:#888;font-size:.9rem}.sidebar-content{flex:1;border-left:1px solid #eee;padding-left:1rem}.sidebar-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-item{margin-bottom:1.2rem;transition:transform .2s ease}.sidebar-item:hover{transform:translate(4px)}.sidebar-link{display:flex;gap:.75rem;text-decoration:none;color:inherit;align-items:center}.sidebar-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.sidebar-info{flex:1;display:flex;flex-direction:column}.sidebar-post-title{font-size:.95rem;font-weight:600;margin:0;line-height:1.2}.sidebar-views{font-size:.8rem;color:#888;margin-top:.2rem}