:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#7d4cff;text-decoration:inherit}a:hover{color:#7d4cff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;font-family:Poppins,sans-serif;background:#000;color:#fff;overflow-x:hidden}.logo{height:24px;max-width:100%}.nav-links a{text-decoration:none;color:#fff;font-weight:500;transition:color .3s ease-in-out;padding:10px 20px;white-space:nowrap}.nav-links a:hover{color:#8a2be2}.hero{text-align:center;padding:120px 20px 100px;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Grandis Extended,sans-serif;position:relative;box-sizing:border-box}.hero-section{width:100%;height:100vh;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:-1}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:65%;background-image:url(/image2.png);background-size:cover;background-position:center;opacity:.3;z-index:-1}.hero-title{font-size:clamp(2rem,5vw,3.9rem);font-weight:600;z-index:2;background:linear-gradient(180deg,#d3d3d3,#fff,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.2;margin-bottom:20px;text-align:center;max-width:1200px;padding:0 20px}.hero-title span{color:#8a2be2;font-size:clamp(2rem,5vw,3.9rem)}.hero-subtitle{font-size:clamp(.8rem,2vw,.96rem);max-width:600px;margin:10px auto 30px;z-index:1;padding:0 20px;text-align:center;line-height:1.6}.explore-btn{background-color:#8a2be2;color:#fff;padding:12px 30px;font-size:clamp(.9rem,2vw,1rem);border:none;border-radius:20px;cursor:pointer;margin-top:20px;transition:background .3s ease;z-index:2}.explore-btn:hover{background-color:#6a1bb6}.services-carousel-section{padding:2rem;background:#0d0d0d;color:#fff;text-align:center}.carousel-title{font-size:2rem;margin-bottom:1rem;color:#c084fc}.carousel-wrapper{position:relative;display:flex;align-items:center}.carousel-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;padding:1rem 0}.service-card{min-width:250px;padding:1rem;background:#1f1f1f;border-radius:10px;transition:transform .3s}.service-card:hover{transform:scale(1.05);background:#3f3f46}.icon-container{font-size:2rem;margin-bottom:.5rem;color:#a78bfa}.scroll-btn{font-size:2rem;background:transparent;border:none;color:#fff;cursor:pointer;padding:0 1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.who-we-are{background:#000;color:#fff;text-align:center;padding:100px 20px}.section-subtitle{font-size:clamp(12px,2vw,14px);letter-spacing:2px;color:gray;margin:0 auto 10px}.section-title{font-size:clamp(24px,4vw,40px);font-weight:700;margin:10px auto;background:linear-gradient(180deg,#d3d3d3,#b8b8b8,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.3;max-width:1200px}.left-section{display:flex;flex-direction:column;gap:15px;flex:1}.active-btn{background:linear-gradient(135deg,#8a2be2,#a855f7);color:#fff;border:none;padding:15px 25px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;text-align:left;box-shadow:0 4px 15px #8a2be24d}.default-btn{background:transparent;color:#fff;border:2px solid #333;padding:15px 25px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease;text-align:left}.default-btn:hover{border-color:#8a2be2;color:#8a2be2}.center-image img{max-width:100%;height:auto;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.right-section{flex:2;text-align:left;padding:0 20px}.right-section p{margin-bottom:15px;line-height:1.6;font-size:clamp(14px,2vw,16px)}.nav-links{list-style:none;display:flex;margin:0;padding:0;gap:20px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;margin-top:30px;position:relative;z-index:1000}.nav-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px}.nav-btn:hover{color:#8a2be2}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000f2;z-index:9999;flex-direction:column;justify-content:center;align-items:center}.mobile-nav.active{display:flex}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:30px;text-align:center}.mobile-nav-links a{font-size:1.5rem;color:#fff;text-decoration:none;transition:color .3s ease}.mobile-nav-links a:hover{color:#8a2be2}.close-nav{position:absolute;top:30px;right:30px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}@media (max-width: 1200px){.who-we-are-content{gap:30px;padding:0 20px}.hero-overlay{width:60%}}@media (max-width: 900px){.who-we-are-content{flex-direction:column;gap:30px}.left-section,.right-section{width:100%}.left-section{order:1}.center-image{order:2;margin:20px 0}.right-section{order:3}.hero-overlay{width:80%;height:50%}.navbar{padding:20px 30px}.nav-links{display:none}.nav-btn{display:block}}.next-btn,.prev-btn{background:#8a2be2;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:background .3s ease;margin:10px}.next-btn:hover,.prev-btn:hover{background:#6a1bb6}.WHAT WE OFFER{background:#000;color:#fff;text-align:center;padding:100px 20px}.section-sub{font-size:clamp(12px,2vw,14px);letter-spacing:2px;color:gray;margin-bottom:10px}.section-t{font-size:clamp(24px,4vw,40px);font-weight:700;margin:10px auto;background:linear-gradient(180deg,#d3d3d3,#b8b8b8,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.3;max-width:1200px}.who-we-are-content{display:flex;justify-content:space-between;align-items:center;margin-top:50px;gap:50px;max-width:1200px;margin-left:auto;margin-right:auto}.what-we-offer{background:#000;color:#fff;text-align:center;padding:100px 20px}.section-subti1{font-size:clamp(12px,2vw,14px);letter-spacing:2px;color:gray;margin-bottom:10px}.section-title2{font-size:clamp(24px,4vw,40px);font-weight:700;margin:10px auto;background:linear-gradient(180deg,#d3d3d3,#b8b8b8,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.3;max-width:1200px}.section-title3{font-size:clamp(24px,4vw,40px);font-weight:700;margin:10px auto 30px;background:linear-gradient(180deg,#d3d3d3,#b8b8b8,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.3;max-width:1200px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:40px 20px;max-width:1200px;margin:0 auto}.service-card{text-align:center;padding:30px 20px;border-radius:15px;background:#222;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #333}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #8a2be233}.service-icon{margin-bottom:20px}.service-card h3{font-size:clamp(18px,3vw,24px);margin-bottom:15px;color:#fff}.section-subtitl4{font-size:clamp(12px,2vw,14px);letter-spacing:2px;color:gray;margin-bottom:10px}.project-card{min-width:300px;background:#222;border-radius:15px;padding:20px;transition:transform .3s ease;border:1px solid #333}.project-card:hover{transform:translateY(-5px)}.project-card h3{font-size:clamp(18px,3vw,24px);margin-bottom:10px;color:#fff}.project-card img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.section-subtitle4{font-size:clamp(12px,2vw,14px);letter-spacing:2px;color:gray;margin-bottom:10px}.projects-carousel{display:flex;overflow-x:auto;gap:20px;padding:20px;scroll-behavior:smooth}.project-category{font-size:14px;color:#8a2be2;text-transform:uppercase;margin-bottom:10px;font-weight:700}.project-description{font-size:14px;color:#ccc;line-height:1.5}.our-work{background:#000;color:#fff;text-align:center;padding:100px 20px}.our-work h2{font-size:clamp(24px,4vw,40px);margin-bottom:20px}.our-work p{font-size:clamp(14px,2vw,16px);margin-bottom:40px}.section-title7{background:linear-gradient(180deg,#bdbdbd,#f3f3f3,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-size:clamp(24px,4vw,40px);margin-bottom:40px}.icon img{width:50px;height:50px;margin-bottom:15px}.contact-section{background:#000;color:#fff;padding:100px 20px;text-align:center}.contact-header h3{font-size:clamp(12px,2vw,14px);letter-spacing:2px;color:gray;margin-bottom:10px}.contact-header h1{font-size:clamp(24px,4vw,40px);font-weight:700;margin:10px auto 50px;background:linear-gradient(180deg,#d3d3d3,#b8b8b8,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.3;max-width:1200px}.contact-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;gap:50px;padding:0 20px}.contact-info{flex:1;display:flex;flex-direction:column;gap:30px;text-align:left}.contact-item{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid #333}.text h4{font-size:clamp(14px,2vw,16px);margin-bottom:5px;color:#8a2be2}.text p{font-size:clamp(14px,2vw,16px);color:#fff}.contact-form{flex:1;display:flex;flex-direction:column;gap:20px;max-width:500px}.contact-form .input-group{display:flex;gap:15px}.contact-form input,.contact-form textarea{padding:15px;border:1px solid #333;border-radius:10px;background:#ffffff0d;color:#fff;font-size:clamp(14px,2vw,16px)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{background:#8a2be2;color:#fff;padding:15px 30px;border:none;border-radius:25px;cursor:pointer;font-size:clamp(14px,2vw,16px);transition:background .3s ease}.contact-form button:hover{background:#6a1bb6}@media (max-width: 768px){.contact-container{flex-direction:column;align-items:center;gap:40px}.contact-form{width:100%;max-width:100%}.contact-form .input-group{flex-direction:column;gap:15px}.hero{padding:100px 20px 80px;min-height:90vh}.hero-overlay{width:90%;height:50%}.navbar{padding:15px 20px;margin-top:15px}.logo{height:20px}.who-we-are,.what-we-offer,.our-work,.contact-section{padding:60px 20px}.services-grid{grid-template-columns:1fr;gap:20px;padding:20px}.cards{padding:20px;gap:15px;justify-content:center}.card{width:100%;max-width:300px;height:300px}.card__image{height:200px}.card__overlay{height:180px}.leaders-container{margin:0;padding:10px;gap:15px;justify-content:flex-start}.leader-card{width:150px;min-width:150px;padding:15px}.leader-photo{height:150px}.footer-container{flex-direction:column;gap:40px;margin:0;padding:20px;text-align:center;align-items:center}.footer-logo{width:100%;max-width:300px}.footer-logo img{margin:0 auto 20px;width:80px}.footer-section{width:100%;max-width:300px;text-align:center}.footer-section h4{font-size:18px;margin-bottom:15px;color:#fff}.footer-section ul li{margin:8px 0}.footer-section ul li a{font-size:14px;color:#ccc}.social-icons3{margin:20px auto 0;gap:20px}.social-icons3 a{font-size:28px}.circle-icon{margin:0 auto 10px}.goods{width:100%;max-width:500px;height:auto;margin:0 auto}.gold5{margin:10px auto;text-align:center;padding:0 20px}.section-subtitle,.section-subti1,.section-subtitl4,.section-subtitle4{margin:0 auto 10px}.section-title,.section-title2,.section-title3,.section-title7{margin:10px auto}}@media (max-width: 480px){.hero-title,.hero-title span{font-size:2rem}.hero-subtitle{font-size:.9rem}.section-title,.section-title2,.section-title3,.section-title7{font-size:1.8rem}.explore-btn{padding:10px 25px;font-size:.9rem}.active-btn,.default-btn{padding:12px 20px;font-size:.9rem}.service-card{padding:20px 15px}.contact-item{flex-direction:column;text-align:center;gap:10px}.icon{margin-left:0}.leaders-container{justify-content:flex-start;padding:10px 5px}.leader-card{width:120px;min-width:120px;padding:10px}.leader-photo{height:120px}.footer{padding:20px 0}.footer-container{gap:30px;padding:15px}.footer-logo img{width:70px;margin-bottom:15px}.footer-section{max-width:250px}.footer-section h4{font-size:16px;margin-bottom:12px}.footer-section ul li{margin:6px 0}.footer-section ul li a{font-size:13px}.social-icons3{gap:15px}.social-icons3 a{font-size:24px}}@media (max-width: 480px) and (orientation: landscape){.hero{padding:30px 20px;min-height:80vh}.hero-title,.hero-title span{font-size:1.5rem}.hero-subtitle{font-size:.8rem;margin:8px auto 15px}.explore-btn{padding:8px 20px;font-size:.8rem;margin-top:10px}.who-we-are,.what-we-offer,.our-work,.contact-section{padding:30px 20px}.section-title,.section-title2,.section-title3,.section-title7{font-size:1.5rem;margin:8px auto}.section-subtitle,.section-subti1,.section-subtitl4,.section-subtitle4{font-size:10px;margin:0 auto 8px}.who-we-are-content{gap:20px;margin-top:20px}.left-section{gap:8px}.active-btn,.default-btn{padding:8px 15px;font-size:12px}.center-image img{max-width:50%}.right-section p{font-size:12px;margin-bottom:8px}.services-grid{gap:15px;padding:15px}.service-card{padding:15px 10px}.service-card h3{font-size:16px;margin-bottom:10px}.cards{padding:15px;gap:10px}.card{width:180px;height:250px}.card__image{height:140px}.card__overlay{height:120px;padding:10px}.card__title{font-size:12px!important}.card__description{font-size:11px!important;margin-top:20px}.leaders-container{gap:10px;padding:10px 5px}.leader-card{width:100px;min-width:100px;padding:8px}.leader-photo{height:100px}.leader-info h4{font-size:16px;margin:8px 0}.leader-info p{font-size:12px;margin:3px 0}.contact-container{gap:20px}.contact-item{padding:12px;gap:10px}.contact-form{gap:12px}.contact-form input,.contact-form textarea{padding:10px;font-size:12px}.contact-form button{padding:10px 20px;font-size:12px}.footer{padding:15px 0}.footer-container{flex-direction:row;gap:20px;padding:10px 15px;align-items:flex-start}.footer-logo{flex:0 0 auto;min-width:120px}.footer-logo img{width:50px;margin-bottom:8px}.footer-section{flex:1;min-width:100px;margin:3px}.footer-section h4{font-size:12px;margin-bottom:6px}.footer-section ul li{margin:3px 0}.footer-section ul li a{font-size:10px}.social-icons3{gap:8px;margin-top:8px}.social-icons3 a{font-size:18px}.goods{max-width:400px}.gold5{font-size:1.2rem;padding:0 10px}}@media (max-width: 1024px){.who-we-are-content{padding:0 15px}.center-image img{max-width:80%}.footer-container{gap:50px;padding:30px 20px}.footer-section{min-width:120px}}@media (max-width: 600px){.hero{padding:80px 20px 60px;min-height:80vh}.hero-overlay{display:none}.hero-title{font-size:clamp(1.8rem,4vw,2.5rem)}.hero-subtitle{font-size:clamp(.9rem,2.5vw,1rem);margin:15px auto 25px}.cards{justify-content:center}.card{margin:0 auto}}@media (max-height: 500px) and (orientation: landscape){.hero{min-height:100vh;padding:40px 20px}.hero-title{font-size:clamp(1.5rem,3vw,2rem)}.hero-subtitle{font-size:clamp(.8rem,2vw,1rem);margin:10px auto 20px}.explore-btn{margin-top:15px;padding:10px 25px}.footer{padding:20px 0}.footer-container{flex-direction:row;gap:30px;padding:15px 20px;align-items:flex-start}.footer-logo{flex:0 0 auto;min-width:150px}.footer-logo img{width:60px;margin-bottom:10px}.footer-section{flex:1;min-width:120px;margin:5px}.footer-section h4{font-size:14px;margin-bottom:8px}.footer-section ul li{margin:4px 0}.footer-section ul li a{font-size:12px}.social-icons3{gap:10px;margin-top:10px}.social-icons3 a{font-size:20px}.who-we-are,.what-we-offer,.our-work,.contact-section{padding:40px 20px}.section-title,.section-title2,.section-title3,.section-title7{font-size:clamp(1.8rem,3vw,2.5rem);margin:10px auto}.services-grid{gap:20px;padding:20px}.service-card{padding:15px}.cards{padding:20px;gap:15px}.card{width:200px;height:280px}.card__image{height:160px}.card__overlay{height:140px}.contact-container{gap:30px}.contact-item{padding:15px;gap:15px}.contact-form{gap:15px}.contact-form input,.contact-form textarea{padding:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (orientation: landscape) and (max-width: 900px){.navbar{padding:15px 30px;margin-top:10px}.hero{padding:60px 20px;min-height:90vh}.hero-overlay{width:70%;height:60%}.who-we-are-content{gap:30px;margin-top:30px}.left-section{gap:10px}.active-btn,.default-btn{padding:12px 20px;font-size:14px}.center-image img{max-width:60%}.right-section{padding:0 15px}.right-section p{font-size:14px;margin-bottom:10px}.leaders-container{gap:15px;padding:15px}.leader-card{width:140px;min-width:140px;padding:12px}.leader-photo{height:140px}.goods{max-width:600px}.gold5{font-size:1.4rem;padding:0 15px}}@media print{.navbar,.explore-btn,.contact-form button{display:none}.hero,.who-we-are,.what-we-offer,.our-work,.contact-section{padding:20px}body{background:#fff;color:#000}}.leaders-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding:40px 20px;margin:0 auto;max-width:1200px;justify-items:center}.leader-card{background:#000000e6;padding:25px 20px;border-radius:15px;text-align:center;width:100%;max-width:250px;height:auto;box-shadow:0 8px 25px #a853ff33;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #a853ff;position:relative;overflow:hidden}.leader-card:hover{transform:scale(1.05);box-shadow:0 0 10px #a853ff,0 0 20px #a853ff,0 0 30px #a853ff}.leader-image{width:100%;border-radius:10px;background:#2c2c2c;padding:10px}.leader-info{margin-top:10px}.social-icons{display:flex;justify-content:center;gap:10px;margin-top:10px}.leader-card:hover{transform:scale(1.05)}.leader-photo{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:15px;transition:transform .3s ease}.leader-info h4{margin:0 0 8px;font-size:18px;color:#fff;font-weight:600;line-height:1.3}.leader-info p{font-size:14px;color:#a853ff;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.leaders-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:20px;justify-content:flex-start;scroll-behavior:smooth}.leaders-container::-webkit-scrollbar{height:4px}.leaders-container::-webkit-scrollbar-thumb{background:#a853ff;border-radius:10px}.leaders-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.leader-card{flex:0 0 auto;width:200px;min-width:200px;padding:20px}.leader-photo{height:180px}}.footer{background-color:#00000057;color:#fff;padding:30px 0;text-align:left;width:100%;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.1)}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:40px;padding:20px;width:100%;box-sizing:border-box}.footer-logo img{width:100px;height:auto;margin:0 auto 20px;display:block}.footer-section{margin:10px;min-width:150px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.footer-section h4{font-size:16px;margin-bottom:15px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.footer-section ul{list-style:none;padding:0;margin:0;width:100%}.footer-section ul li{margin:8px 0;width:100%}.footer-section ul li a{color:#555;text-decoration:none;transition:.3s;font-size:14px;line-height:1.6}.footer-section ul li a:hover{color:#8a4fff}.social-icons{display:flex;gap:10px;flex-direction:column;margin:5px 0}.social-icons img{width:20px;height:20px;transition:.3s}.social-icons img:hover{opacity:10.7}.footer-logo{text-align:center;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;flex:1;min-width:200px}.social-icons3{display:flex;justify-content:center;gap:15px;margin-top:20px}.social-icons3 a{font-size:24px;color:#fff;transition:color .3s,transform .3s}.social-icons3 a:hover{color:#8a2be2;transform:scale(1.2)}.neon-icon{color:#a855f7;filter:drop-shadow(0 0 8px #a855f7);transition:transform .3s ease-in-out}.neon-icon:hover{transform:scale(1.1)}.icon{display:flex;align-items:center;justify-content:center;gap:20px}.circle-icon{width:50px;height:50px;border-radius:50%;background-color:#8a2be2;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease;margin:0 auto 10px}.icon8{color:#fff;font-size:24px;transition:color .3s ease}.service-card{text-align:center;padding:20px;border-radius:10px;background:#222;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-card:hover .circle-icon{background-color:#fff}.service-card:hover .icon8{color:#8a2be2}.section-title7{background:linear-gradient(180deg,#bdbdbd,#f3f3f3,#8a8383);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:40px 20px;max-width:1200px;margin:0 auto}.card{position:relative;width:270px;height:350px;border-radius:12px;overflow:hidden;background:var(--surface-color);box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out;flex-shrink:0}.card__image{width:100%;height:300px;object-fit:cover;display:block;transition:transform .4s ease-in-out}.card__overlay{position:absolute;bottom:0;left:0;width:100%;padding:15px;transform:translateY(50%);transition:transform .4s ease-in-out;border-top-left-radius:0;border-top-right-radius:12px;height:220px;background:#fff}.card__overlay.active{transform:translateY(0)}.card__category{font-size:15px;color:#8a2be2;text-transform:uppercase;display:block;margin-left:-1px;margin-top:10px;text-align:left;display:flex;justify-content:flex-start;align-items:center;font-weight:700;width:100%}.card__title{font-size:14px!important;font-weight:700;margin-top:px;color:#000!important;display:flex}.card__description{font-size:14px!important;color:#000!important;margin-top:30px}.card__button{display:none;margin-top:-5px;text-decoration:none;font-size:14px;font-weight:500;color:#000;background:var(--primary-color);padding:10px 14px;border-radius:6px;margin-left:-20px}.card__button:hover{color:#8a2be2;cursor:pointer}.card__overlay.active .card__description{opacity:1}.card__overlay.active .card__button{display:block}.goods{background-size:contain;width:100%;max-width:900px;height:auto;margin:0 auto;transition:filter .3s ease-in-out}.gold5{font-size:clamp(1.2rem,3vw,1.75rem);max-width:800px;margin:10px auto;font-weight:700;z-index:1;background:linear-gradient(to right,#fff,#767676);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;padding:0 20px}.gold{gap:100px}