2 lines
20 KiB
CSS
2 lines
20 KiB
CSS
.loading-overlay[data-v-7989429d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner[data-v-7989429d]{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #007AFF;border-radius:50%;animation:spin-7989429d 1s linear infinite}@keyframes spin-7989429d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home[data-v-7989429d]{min-height:100vh;opacity:1;transition:opacity .3s ease}.hero[data-v-7989429d]{min-height:100vh;height:auto;width:100%;background-image:linear-gradient(#00000080,#00000080),url(/assets/hero-bg-BUCaO72u.jpeg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;position:relative;margin-top:0}.hero-content[data-v-7989429d]{text-align:center;color:#fff;max-width:1200px;padding:90px 20px 0;animation:fadeInUp-7989429d 1s ease-out}.hero-title[data-v-7989429d]{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.highlight[data-v-7989429d]{color:#007aff;position:relative;display:inline-block}.highlight[data-v-7989429d]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background:#007aff4d;z-index:-1}.hero-subtitle[data-v-7989429d]{font-size:1.5rem;margin-bottom:2rem;opacity:0;animation:fadeInUp-7989429d 1s ease-out .3s forwards}.hero-buttons[data-v-7989429d]{display:flex;gap:1rem;justify-content:center;opacity:0;animation:fadeInUp-7989429d 1s ease-out .6s forwards;margin:2rem 0}.primary-btn[data-v-7989429d],.secondary-btn[data-v-7989429d]{padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.primary-btn[data-v-7989429d]{background:#007aff;color:#fff;border:none}.primary-btn[data-v-7989429d]:hover{background:#0056b3;transform:translateY(-2px)}.secondary-btn[data-v-7989429d]{background:transparent;color:#fff;border:2px solid white}.secondary-btn[data-v-7989429d]:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-icon[data-v-7989429d]{width:20px;height:20px;transition:transform .3s ease}.primary-btn:hover .btn-icon[data-v-7989429d]{transform:translate(4px)}.hero-stats[data-v-7989429d]{position:relative;bottom:auto;display:flex;gap:4rem;color:#fff;opacity:0;animation:fadeInUp-7989429d 1s ease-out .9s forwards;margin-top:2rem}.stat-item[data-v-7989429d]{text-align:center}.stat-number[data-v-7989429d]{font-size:2.5rem;font-weight:700;display:block;margin-bottom:.5rem;background:linear-gradient(135deg,#007aff,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label[data-v-7989429d]{font-size:1rem;opacity:.9}.company-values[data-v-7989429d]{display:flex;gap:2rem;justify-content:center;margin:3rem 0;opacity:0;animation:fadeInUp-7989429d 1s ease-out .4s forwards}.value-item[data-v-7989429d]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;max-width:300px}.value-item[data-v-7989429d]:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 8px 32px #0000001a}.value-item h3[data-v-7989429d]{color:#007aff;font-size:1.2rem;margin-bottom:.8rem;position:relative;display:inline-block}.value-item h3[data-v-7989429d]:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#007aff;transform:scaleX(.6);transition:transform .3s ease}.value-item:hover h3[data-v-7989429d]:after{transform:scaleX(1)}.value-item p[data-v-7989429d]{color:#fff;font-size:1rem;line-height:1.6}@media (max-width: 968px){.company-values[data-v-7989429d]{flex-direction:column;gap:1rem;align-items:center}.value-item[data-v-7989429d]{width:100%;max-width:400px}}@media (max-width: 768px){.hero[data-v-7989429d]{padding:80px 20px 40px;min-height:auto;height:auto}.hero-content[data-v-7989429d]{padding:0}.hero-title[data-v-7989429d]{font-size:2rem;margin-bottom:1rem}.hero-subtitle[data-v-7989429d]{font-size:1rem;margin-bottom:1.5rem}.company-values[data-v-7989429d]{flex-direction:column;gap:.8rem;margin:1.5rem 0}.value-item[data-v-7989429d]{padding:1rem;max-width:none;width:100%}.value-item h3[data-v-7989429d]{font-size:1rem;margin-bottom:.5rem}.value-item p[data-v-7989429d]{font-size:.9rem;line-height:1.4}.hero-buttons[data-v-7989429d],.hero-stats[data-v-7989429d]{display:none}}@media (min-width: 769px){.hero-buttons[data-v-7989429d],.hero-stats[data-v-7989429d]{display:flex}}@media (max-width: 375px){.hero[data-v-7989429d]{padding:60px 15px 30px}.hero-title[data-v-7989429d]{font-size:1.8rem}.hero-subtitle[data-v-7989429d]{font-size:.9rem}.hero-stats[data-v-7989429d]{flex-direction:column;gap:1rem}.stat-number[data-v-7989429d]{font-size:1.8rem}.hero-buttons[data-v-7989429d]{flex-direction:column;width:100%}.primary-btn[data-v-7989429d],.secondary-btn[data-v-7989429d]{width:100%;justify-content:center}}.company-intro[data-v-7989429d]{min-height:800px;padding:100px 0;background:linear-gradient(135deg,#f8f9ff,#fff);position:relative}.company-intro .section-title[data-v-7989429d]{text-align:center!important;font-size:2.5rem!important;color:#333!important;margin-bottom:50px!important;position:relative!important;padding-bottom:15px!important}.company-intro .title-line[data-v-7989429d]{display:block!important;width:60px!important;height:3px!important;background:#007aff!important;margin:15px auto!important}.intro-content[data-v-7989429d]{max-width:1200px;margin:0 auto;padding:0 20px}.intro-flex-container[data-v-7989429d]{display:flex;gap:40px;align-items:center}.text-card[data-v-7989429d]{text-align:left;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000000d;flex:1}.text-card h3[data-v-7989429d]{font-size:1.8rem;margin-bottom:20px;color:#007aff}.text-highlight[data-v-7989429d]{font-size:1.1rem;color:#333;font-weight:500;line-height:1.8;margin-bottom:20px}.company-name[data-v-7989429d]{color:#007aff;font-weight:600}.text-card p[data-v-7989429d]{margin-bottom:15px;line-height:1.8;color:#666;font-size:1.1rem}.gallery-grid[data-v-7989429d]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;width:45%;min-width:450px}.gallery-item[data-v-7989429d]{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.gallery-item[data-v-7989429d]:hover{transform:translateY(-10px);box-shadow:0 8px 30px #007aff33}.grid-image[data-v-7989429d]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .grid-image[data-v-7989429d]{transform:scale(1.1)}.image-overlay[data-v-7989429d]{position:absolute;top:0;left:0;right:0;bottom:0;background:#007aff33;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.gallery-item:hover .image-overlay[data-v-7989429d]{opacity:1}.image-overlay span[data-v-7989429d]{color:#fff;font-size:1.2rem;font-weight:500;padding:10px 20px;border:2px solid white;border-radius:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 1024px){.intro-flex-container[data-v-7989429d]{flex-direction:column}.gallery-grid[data-v-7989429d]{width:100%;min-width:auto;margin-bottom:30px}}@media (max-width: 768px){.gallery-grid[data-v-7989429d]{grid-template-columns:repeat(2,1fr)}.text-card[data-v-7989429d]{padding:20px}.text-card h3[data-v-7989429d]{font-size:1.5rem}.text-highlight[data-v-7989429d],.text-card p[data-v-7989429d]{font-size:.95rem}}@media (max-width: 480px){.gallery-grid[data-v-7989429d]{grid-template-columns:1fr}}.services[data-v-7989429d]{min-height:800px;padding:100px 0;background:linear-gradient(135deg,#f8f9ff,#fff);position:relative;overflow:hidden}.services[data-v-7989429d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 45%,rgba(0,122,255,.03) 45%,rgba(0,122,255,.03) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(0,122,255,.03) 45%,rgba(0,122,255,.03) 55%,transparent 55%),linear-gradient(90deg,transparent 45%,rgba(0,122,255,.03) 45%,rgba(0,122,255,.03) 55%,transparent 55%),linear-gradient(180deg,transparent 45%,rgba(0,122,255,.03) 45%,rgba(0,122,255,.03) 55%,transparent 55%);background-size:100px 100px,100px 100px,100px 100px,100px 100px;background-position:0 0,50px 50px,25px 25px,75px 75px;animation:moveLines-7989429d 30s linear infinite;opacity:.5}.services[data-v-7989429d]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,rgba(0,122,255,.02) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,122,255,.02) 0%,transparent 50%),linear-gradient(45deg,transparent 48%,rgba(0,122,255,.05) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,122,255,.05) 50%,transparent 52%);background-size:100% 100%,100% 100%,30px 30px,30px 30px;opacity:.3;animation:floatEffect-7989429d 20s ease-in-out infinite}@keyframes moveLines-7989429d{0%{background-position:0 0,50px 50px,25px 25px,75px 75px}to{background-position:100px 100px,150px 150px,125px 125px,175px 175px}}@keyframes floatEffect-7989429d{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(10px) scale(1.02)}}.services .container[data-v-7989429d]:before,.services .container[data-v-7989429d]:after{content:"";position:absolute;width:400px;height:400px;background:linear-gradient(45deg,transparent 45%,rgba(0,122,255,.03) 45%,rgba(0,122,255,.03) 55%,transparent 55%),radial-gradient(circle,rgba(0,122,255,.02) 0%,transparent 70%);border-radius:50%;z-index:1;animation:rotateEffect-7989429d 30s linear infinite}.services .container[data-v-7989429d]:before{top:-200px;right:-200px;transform-origin:center}.services .container[data-v-7989429d]:after{bottom:-200px;left:-200px;animation-direction:reverse}@keyframes rotateEffect-7989429d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.services .container[data-v-7989429d]{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.services-grid[data-v-7989429d]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;z-index:3}.service-card[data-v-7989429d]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;animation:fadeInUp-7989429d .5s ease-out forwards;opacity:0;border:1px solid rgba(0,122,255,.1);height:100%;display:flex;flex-direction:column}.service-icon[data-v-7989429d]{width:60px;height:60px;background:linear-gradient(135deg,#e5f1ff,#007aff20);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#007aff;font-size:32px;transition:all .3s ease}.service-title[data-v-7989429d]{font-size:1.4rem;color:#333;margin-bottom:15px;font-weight:600}.service-desc[data-v-7989429d]{color:#666;margin-bottom:20px;line-height:1.6;flex-grow:1}.service-features[data-v-7989429d]{display:flex;flex-wrap:wrap;gap:8px}.service-features span[data-v-7989429d]{background:#e5f1ff;color:#007aff;padding:6px 12px;border-radius:20px;font-size:.9rem;transition:all .3s ease}.service-card[data-v-7989429d]:hover{transform:translateY(-10px);box-shadow:0 8px 30px #007aff26;border-color:#007aff4d}.service-card:hover .service-icon[data-v-7989429d]{transform:scale(1.1);background:linear-gradient(135deg,#007aff20,#007aff40)}.service-card:hover .service-features span[data-v-7989429d]{background:#007aff;color:#fff}@keyframes fadeInUp-7989429d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes flowingLines-7989429d{0%{transform:translate(0)}to{transform:translate(100px)}}@media (max-width: 1024px){.services-grid[data-v-7989429d]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 480px){.services-grid[data-v-7989429d]{grid-template-columns:1fr}.service-card[data-v-7989429d]{padding:20px}}.services .section-title[data-v-7989429d]{text-align:center!important;font-size:2.5rem!important;color:#333!important;margin-bottom:50px!important;position:relative!important;padding-bottom:15px!important}.services .title-line[data-v-7989429d]{display:block!important;width:60px!important;height:3px!important;background:#007aff!important;margin:15px auto!important}.section-subtitle[data-v-7989429d]{text-align:center!important;color:#666!important;font-size:1.2rem!important;margin-bottom:60px!important}.partners[data-v-7989429d]{min-height:400px;padding:80px 0;background:linear-gradient(135deg,#f8f9ff,#fff);position:relative;overflow:hidden}.partners .section-title[data-v-7989429d]{text-align:center!important;font-size:2.5rem!important;color:#333!important;margin-bottom:50px!important;position:relative!important;padding-bottom:15px!important}.partners .title-line[data-v-7989429d]{display:block!important;width:60px!important;height:3px!important;background:#007aff!important;margin:15px auto!important}.partners-container[data-v-7989429d]{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.industry-tabs[data-v-7989429d]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.tab-item[data-v-7989429d]{padding:8px 16px;background:#fff;border-radius:30px;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;color:#666}.tab-item[data-v-7989429d]:hover{border-color:#007aff;color:#007aff;transform:translateY(-2px);box-shadow:0 3px 10px #007aff1a}.tab-item.active[data-v-7989429d]{background:#007aff;color:#fff;border-color:#007aff;box-shadow:0 3px 10px #007aff33}.logo-grid[data-v-7989429d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin:0 auto;min-height:540px}.logo-item[data-v-7989429d]{height:120px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;animation:fadeInScale-7989429d .6s ease-out forwards;opacity:0;display:flex;align-items:center;justify-content:center;padding:1px;border:1px solid #eaeaea}.logo-container[data-v-7989429d]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-image[data-v-7989429d]{max-width:80%;max-height:80%;object-fit:contain;transition:all .3s ease}.logo-overlay[data-v-7989429d]{position:absolute;top:0;left:0;right:0;bottom:0;background:#007affb3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.client-name[data-v-7989429d]{color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px;white-space:nowrap;text-align:center}.logo-item[data-v-7989429d]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #007aff26;border-color:#007aff4d}.logo-item:hover .logo-image[data-v-7989429d]{filter:grayscale(0%);opacity:1}.logo-item:hover .logo-overlay[data-v-7989429d]{opacity:1}@media (max-width: 768px){.industry-tabs[data-v-7989429d]{gap:8px;margin-bottom:20px}.tab-item[data-v-7989429d]{padding:6px 12px;font-size:.85rem}.logo-grid[data-v-7989429d]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;min-height:560px}.logo-item[data-v-7989429d]{height:100px;padding:15px}.client-name[data-v-7989429d]{font-size:.8rem;padding:4px 8px}}@media (max-width: 480px){.logo-grid[data-v-7989429d]{grid-template-columns:repeat(2,1fr);gap:10px;min-height:890px}.logo-item[data-v-7989429d]{height:80px;padding:10px}.client-name[data-v-7989429d]{font-size:.7rem}.industry-tabs[data-v-7989429d]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.industry-tabs[data-v-7989429d]::-webkit-scrollbar{display:none}.tab-item[data-v-7989429d]{flex-shrink:0}}.clients-grid[data-v-7989429d],.client-item[data-v-7989429d],.client-item-1[data-v-7989429d],.client-item-2[data-v-7989429d],.client-item-3[data-v-7989429d],.client-item-4[data-v-7989429d],.client-item-5[data-v-7989429d],.client-image-container[data-v-7989429d],.client-image[data-v-7989429d],.client-overlay[data-v-7989429d],.client-category[data-v-7989429d]{display:none}.contact-us[data-v-7989429d]{padding:80px 0;background:linear-gradient(135deg,#e9f0ff,#fff);position:relative;min-height:400px}.contact-content[data-v-7989429d]{display:flex;gap:40px;margin-top:40px}.contact-info-card[data-v-7989429d]{flex:1;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;justify-content:space-between}.info-list[data-v-7989429d]{display:flex;flex-direction:column;gap:20px}.info-item[data-v-7989429d]{display:flex;align-items:flex-start;gap:15px}.info-icon[data-v-7989429d]{width:40px;height:40px;background:linear-gradient(135deg,#e5f1ff,#007aff20);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#007aff;flex-shrink:0}.info-icon svg[data-v-7989429d]{width:24px;height:24px}.info-content h3[data-v-7989429d]{font-size:1.1rem;color:#333;margin-bottom:5px}.info-content p[data-v-7989429d]{color:#666;margin-bottom:5px;line-height:1.5}.contact-map[data-v-7989429d]{flex:1;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.map-image[data-v-7989429d]{width:100%;height:100%;object-fit:cover}.contact-action[data-v-7989429d]{margin-top:30px}.contact-btn[data-v-7989429d]{background:#007aff;color:#fff;padding:14px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #007aff4d}.contact-btn[data-v-7989429d]:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 6px 15px #007aff66}.contact-btn .btn-icon[data-v-7989429d]{width:20px;height:20px;transition:transform .3s ease}.contact-btn:hover .btn-icon[data-v-7989429d]{transform:translate(4px)}@media (max-width: 1024px){.contact-content[data-v-7989429d]{flex-direction:column}.contact-map[data-v-7989429d]{height:300px}}@media (max-width: 768px){.contact-us[data-v-7989429d]{padding:60px 0}.contact-info-card[data-v-7989429d]{padding:20px}.info-icon[data-v-7989429d]{width:36px;height:36px}.info-content h3[data-v-7989429d]{font-size:1rem}.info-content p[data-v-7989429d]{font-size:.9rem}.contact-btn[data-v-7989429d]{padding:12px 24px;font-size:1rem;width:100%;justify-content:center}}@keyframes fadeInScale-7989429d{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.client-item[data-v-7989429d]{animation:fadeInScale-7989429d .6s ease-out forwards;opacity:0}.company-values-section[data-v-7989429d]{display:flex;flex-wrap:wrap;gap:30px;margin-top:50px;justify-content:center}.value-card[data-v-7989429d]{flex:1;min-width:250px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d;text-align:center;transition:all .3s ease;position:relative;border:1px solid rgba(0,122,255,.1)}.value-card[data-v-7989429d]:hover{transform:translateY(-10px);box-shadow:0 8px 30px #007aff26;border-color:#007aff4d}.value-card h3[data-v-7989429d]{color:#007aff;font-size:1.6rem;margin-bottom:25px;position:relative;display:inline-block}.value-card h3[data-v-7989429d]:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#007aff;transform:scaleX(.6);transition:transform .3s ease}.value-card:hover h3[data-v-7989429d]:after{transform:scaleX(1)}.value-icon[data-v-7989429d]{width:80px;height:80px;background:linear-gradient(135deg,#e5f1ff,#007aff20);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#007aff;transition:all .3s ease}.value-icon svg[data-v-7989429d]{width:40px;height:40px}.value-card:hover .value-icon[data-v-7989429d]{transform:scale(1.1);background:linear-gradient(135deg,#007aff20,#007aff40)}.value-card p[data-v-7989429d]{color:#666;font-size:1.1rem;line-height:1.6;margin-top:15px}@media (max-width: 1024px){.company-values-section[data-v-7989429d]{gap:20px}}@media (max-width: 768px){.company-values-section[data-v-7989429d]{flex-direction:column}.value-card[data-v-7989429d]{width:100%}}.more-clients-button[data-v-7989429d]{display:flex;justify-content:center;margin-top:50px}.more-btn[data-v-7989429d]{background:#007aff;color:#fff;padding:14px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 10px #007aff33}.more-btn[data-v-7989429d]:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 6px 15px #007aff4d}.more-btn .btn-icon[data-v-7989429d]{width:20px;height:20px;transition:transform .3s ease}.more-btn:hover .btn-icon[data-v-7989429d]{transform:translate(4px)}@media (max-width: 768px){.more-btn[data-v-7989429d]{padding:12px 24px;font-size:1rem}}@media (max-width: 480px){.more-btn[data-v-7989429d]{padding:10px 20px;font-size:.9rem;width:80%;justify-content:center}}
|