:root{--color-primary:#0a255c;--color-primary-light:#0f388a;--color-primary-dark:#081c45;--color-accent:#0af;--color-accent-hover:#0099e6;--color-accent-secondary:#ff8c1a;--color-bg:#fafafa;--color-surface:#fff;--color-text:#29303d;--color-text-muted:#626d84;--color-border:#e0e4eb;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 15px #0af6;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--container-max-width:1200px;--navbar-height:80px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(12px);background:#0a192fcc;border:1px solid #ffffff1a}.btn-primary{background-color:var(--color-accent);color:#fff;transition:all var(--transition-fast);border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;box-shadow:0 4px 6px #0af3}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 12px #00aaff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.navbar{width:100%;height:var(--navbar-height);z-index:1000;border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0}.nav-content{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{font-family:var(--font-heading);align-items:center;gap:.75rem;display:flex}.logo-icon{color:var(--color-accent);background:#00aaff1a;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.brand-name{color:var(--color-primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--color-text-muted);padding:.5rem 0;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:1.5rem;display:flex}.lang-switcher{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.lang-btn{cursor:pointer;transition:all var(--transition-fast);border-radius:4px;padding:.2rem .4rem}.lang-btn:hover{color:var(--color-primary)}.lang-btn.active{color:var(--color-accent)}.lang-divider{color:#00000026;font-weight:300}.btn-quote{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;letter-spacing:.5px;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0a192f33}.btn-quote:before{content:"";background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-quote:hover{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00aaff59}.btn-quote:hover:before{left:200%}.quote-icon{transition:transform var(--transition)}.btn-quote:hover .quote-icon{transform:translate(4px)}.mobile-menu-btn{color:var(--color-primary);display:none}.mobile-only-contact{display:none}@media (width<=768px){.nav-links{top:var(--navbar-height);width:100%;height:calc(100vh - var(--navbar-height));background-color:var(--color-surface);transition:transform var(--transition);flex-direction:column;gap:1.5rem;padding:2rem;position:fixed;left:0;transform:translate(100%)}.nav-links.mobile-open{transform:translate(0)}.nav-link{text-align:center;width:100%;font-size:1.25rem}.mobile-menu-btn{display:block}.desktop-only{display:none}.mobile-only-contact{width:100%;margin-top:1rem;display:block}.mobile-only-contact .btn-primary{width:100%}}.footer{background-color:var(--color-primary-dark);color:var(--color-border);margin-top:4rem;padding:4rem 0 0}.footer-content{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 2fr;gap:3rem;padding-bottom:3rem;display:grid}.footer-brand .brand-name.text-white{color:#fff}.footer-desc{color:var(--color-text-muted);margin-top:1.5rem;line-height:1.8}.footer h4{color:#fff;margin-bottom:1.5rem;font-size:1.25rem}.footer-links ul,.footer-contact ul{flex-direction:column;gap:1rem;list-style:none;display:flex}.footer-links a,.footer-contact a{color:var(--color-border);transition:color var(--transition-fast)}.footer-links a:hover,.footer-contact a:hover{color:var(--color-accent)}.footer-contact li{align-items:flex-start;gap:1rem;line-height:1.5;display:flex}.contact-icon{color:var(--color-accent);flex-shrink:0;margin-top:.25rem}.footer-bottom{text-align:center;color:var(--color-text-muted);padding:2rem 0;font-size:.875rem}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:2rem}}.exchange-rate-widget{box-shadow:var(--shadow-md);border:1px solid var(--color-border);background:#fff;border-radius:16px;margin-top:1rem;padding:1.5rem;position:relative}.widget-header{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.widget-title{color:var(--color-primary-dark);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.last-update{color:var(--color-text-muted);background:var(--color-bg);border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8rem;display:flex}.rates-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.rate-card{background:var(--color-bg);transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.rate-card:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#0af3;transform:translateY(-2px)}.rate-currency{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.icon-wrapper{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.icon-wrapper.usd{background:#10b981}.icon-wrapper.eur{background:#3b82f6}.icon-wrapper.jpy{background:#ef4444}.icon-wrapper.gbp{background:#8b5cf6}.icon-wrapper.cny{background:#f59e0b}.icon-wrapper.aud{background:#14b8a6}.rate-value{color:var(--color-primary-dark);font-family:monospace;font-size:1.4rem;font-weight:800}.krw-text{color:var(--color-text-muted);margin-left:2px;font-size:.8rem;font-weight:500}.widget-footer{border-top:1px dashed #0000000d;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-show-more{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-show-more:hover{color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;border-color:#00aaff4d}.loading-state,.error-state{text-align:center;color:var(--color-text-muted);padding:2rem 0;font-size:.9rem}@media (width<=768px){.exchange-rate-widget{margin-top:2rem}.rates-grid{grid-template-columns:1fr}.rate-card{flex-direction:row;justify-content:space-between;align-items:center}}.hero{color:#fff;height:clamp(600px,80vh,900px);margin-top:calc(var(--navbar-height) * -1);padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.15)translate(-1%,-1%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up-1{opacity:0;animation:.8s ease-out forwards fadeUp}.animate-fade-up-2{opacity:0;animation:.8s ease-out .2s forwards fadeUp}.animate-fade-up-3{opacity:0;animation:.8s ease-out .4s forwards fadeUp}.hero-bg-wrapper{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-bg{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.hero-bg.active{opacity:1;animation:25s ease-out forwards kenBurns}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#0a1428f2 0%,#0a142880 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;position:relative}.hero-title{text-shadow:0 4px 40px #000000e6,0 2px 10px #000c;margin-bottom:1.5rem;font-size:clamp(3rem,5vw,5rem);line-height:1.1}.text-accent{color:var(--color-accent);text-shadow:0 0 30px #00aaff80}.hero-subtitle{color:#fffffff2;text-shadow:0 4px 20px #000000e6,0 2px 5px #000c;max-width:600px;margin-bottom:2.5rem;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:500;line-height:1.6}.hero-cta{gap:1rem;display:flex}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-outline{color:#fff;transition:all var(--transition-fast);background:0 0;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:600;display:inline-flex}.btn-outline:hover{color:var(--color-primary);background:#fff}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem}.section-header p{color:var(--color-text-muted);font-size:1.125rem}.features-section{padding:6rem 1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{text-align:left;transition:transform var(--transition);border-radius:16px;padding:2.5rem}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-icon{width:64px;height:64px;color:var(--color-accent);background:#00aaff1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{color:var(--color-primary-dark);margin-bottom:1rem;font-size:1.5rem}.services-overview{background-color:var(--color-bg);padding:6rem 0}.services-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.service-card{background:var(--color-surface);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition);border-top:4px solid #0000;border-radius:16px;padding:3rem 2rem}.service-card:hover{border-top-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-5px)}.service-icon{color:var(--color-primary);transition:color var(--transition);margin-bottom:1.5rem}.service-card:hover .service-icon{color:var(--color-accent)}.service-card h3{margin-bottom:1rem;font-size:1.5rem}.service-card p{color:var(--color-text-muted);margin-bottom:2rem}.service-link{color:var(--color-accent);font-weight:600}.service-link:hover{text-decoration:underline}.cta-section{padding:4rem 1rem}.cta-container{text-align:center;color:#fff;border-radius:24px;padding:4rem}.cta-container h2{margin-bottom:1rem;font-size:2.5rem}.cta-container p{color:#fffc;margin-bottom:2rem;font-size:1.25rem}@media (width<=768px){.hero-cta{flex-direction:column}.cta-container{padding:2rem}.cta-container h2{font-size:2rem}}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.page-header{background:linear-gradient(-45deg, var(--color-primary-dark), var(--color-primary), #0d5173, var(--color-primary-dark));color:#fff;text-align:center;background-size:400% 400%;padding:6rem 0 3rem;animation:15s infinite gradientBG;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.page-header h1{z-index:1;margin-bottom:1rem;font-size:3rem;position:relative}.page-header p{z-index:1;color:#ffffffe6;font-size:1.25rem;position:relative}.sections-wrapper{padding:4rem 1rem}.about-section{margin-bottom:4rem}.ceo-message{box-shadow:var(--shadow-md);background-color:#fff;border-radius:16px;padding:3rem}.quote{color:var(--color-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:600;line-height:1.4}.ceo-message p{color:var(--color-text-muted);margin-bottom:1rem}.ceo-signature-block{justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;display:flex}.ceo-name{color:var(--color-text);font-weight:700}.ceo-sign{object-fit:contain;width:auto;max-height:40px}.grid-2{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.inline-icon{vertical-align:middle;color:var(--color-accent);margin-left:.5rem}.box-content{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;height:100%;padding:2.5rem}.box-content li{color:var(--color-text-muted);margin-bottom:.75rem;list-style:none}.box-content p{color:var(--color-text-muted);margin-bottom:.75rem}.indent-1{padding-left:1.5rem}.indent-2{padding-left:3rem}.org-chart-content{justify-content:center;align-items:flex-start;padding:0;display:flex}.org-chart-img{border-radius:8px;max-width:100%;height:auto}.mt-4{margin-top:2rem}.text-primary{color:var(--color-primary);border-color:var(--color-primary)}.registration-img{border:1px solid var(--color-border);width:100%;max-width:100%;height:auto;box-shadow:var(--shadow-sm);border-radius:8px;display:block}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.py-4{padding:4rem 1rem}.services-grid{flex-direction:column;gap:4rem;display:flex}.service-detail-card{box-shadow:var(--shadow-md);transition:transform var(--transition-slow);background:#fff;border-radius:24px;display:flex;overflow:hidden}.service-detail-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.service-detail-card.reverse{flex-direction:row-reverse}.service-img{background-color:var(--color-primary-light);background-position:50%;background-size:cover;flex:1;min-height:350px}.bg-ship{background-image:url(/images/service-ocean.png)}.bg-plane{background-image:url(/images/service-air.png)}.bg-express{background-image:url(/images/service-express.png)}.bg-warehouse{background-image:url(/images/service-warehouse.png)}.service-content{flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex}.icon-wrapper{color:var(--color-accent);background:#00aaff1a;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.service-content h2{color:var(--color-primary-dark);margin-bottom:1.5rem;font-size:2rem}.service-content p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.service-features{flex-direction:column;gap:1rem;list-style:none;display:flex}.service-features li{color:var(--color-primary);align-items:center;gap:.75rem;font-weight:500;display:flex}@media (width<=992px){.service-detail-card,.service-detail-card.reverse{flex-direction:column}.service-img{min-height:250px}.service-content{padding:2.5rem}}.world-map-section{text-align:center;background-color:var(--color-surface);box-shadow:var(--shadow-md);border:1px solid #00aaff1a;border-radius:24px;margin-bottom:3rem;padding:4rem 2rem}.map-icon{color:var(--color-accent);margin-bottom:1.5rem;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.world-map-section h2{color:var(--color-primary-dark);margin-bottom:1rem;font-size:2.2rem}.world-map-section p{color:var(--color-text-muted);max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.6}.region-tabs-container{justify-content:center;margin-bottom:3rem;display:flex}.region-tabs{box-shadow:var(--shadow-md);background:#fff;border-radius:9999px;gap:.5rem;max-width:100%;padding:.5rem;display:flex;overflow-x:auto}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}.region-tab-btn{color:var(--color-text-muted);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-weight:600;display:flex}.tab-icon{transition:color var(--transition-fast)}.region-tab-btn:hover{background:var(--color-bg);color:var(--color-primary)}.region-tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.region-tab-btn.active .tab-icon{color:var(--color-accent)}.region-header{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.region-title{color:var(--color-primary-dark);font-size:2.2rem}.inline-icon{color:var(--color-accent)}.region-grid{column-width:360px;column-gap:2rem}.branch-card{break-inside:avoid;width:100%;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);background:#fff;border-radius:20px;margin-bottom:2rem;padding:2rem;display:inline-block}.branch-card:hover{box-shadow:var(--shadow-lg);border-top-color:var(--color-accent);transform:translateY(-5px)}.country-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.country-name{color:var(--color-primary-dark);font-size:1.5rem;font-weight:800}.branch-count{color:var(--color-accent);background:#00aaff1a;border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.branch-list{flex-direction:column;gap:1.5rem;display:flex}.branch-detail{flex-direction:column;gap:.75rem;display:flex}.branch-detail:not(:last-child){border-bottom:1px dashed #00000014;padding-bottom:1.5rem}.branch-top{align-items:flex-start;gap:.75rem;display:flex}.city-tag{background:var(--color-primary);color:#fff;letter-spacing:.5px;border-radius:6px;flex-shrink:0;margin-top:2px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.partner-name{color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.4}.branch-contact{flex-wrap:wrap;gap:1.5rem;padding-left:3.5rem;display:flex}.contact-row{color:var(--color-text-muted);align-items:center;gap:.5rem;font-family:monospace;font-size:.9rem;display:flex}.contact-icon{color:var(--color-accent)}.fade-in-up{animation:.4s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.region-tabs{border-radius:12px;justify-content:flex-start;padding:.5rem}.region-grid{grid-template-columns:1fr}.branch-contact{flex-direction:column;gap:.5rem;padding-left:0}}.contact-page .page-header{padding-bottom:10rem}.contact-grid{box-shadow:var(--shadow-lg);z-index:10;border-radius:24px;grid-template-columns:1fr 1.5fr;gap:0;margin-top:-8rem;display:grid;position:relative;overflow:hidden}.contact-info{background-color:var(--color-primary-dark);color:#fff;padding:4rem}.contact-info h2{margin-bottom:1rem;font-size:2rem}.mb-4{color:#fffc;margin-bottom:3rem}.info-item{gap:1.5rem;margin-bottom:2rem;display:flex}.info-icon{color:var(--color-accent);flex-shrink:0;width:24px;height:24px}.info-item h4{margin-bottom:.5rem;font-size:1.125rem}.info-item p{color:#ffffffb3;line-height:1.6}.contact-form-container{background-color:#fff;padding:4rem}.contact-form-container h2{color:var(--color-primary-dark);margin-bottom:2rem;font-size:2rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);background-color:var(--color-bg);transition:all var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #00aaff1a}.w-full{width:100%}.inline{vertical-align:middle;display:inline-block}.mr-2{margin-right:.5rem}@media (width<=992px){.contact-grid{grid-template-columns:1fr;margin-top:0}.contact-info,.contact-form-container{padding:2.5rem}}