.contact-hero{color:#fff;text-align:center;background:linear-gradient(160deg,#001a33 0%,#002d5c 35%,#003d7a 70%,#024 100%);padding:64px 0 32px;position:relative;overflow:hidden}.contact-hero:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400'%3E%3Ccircle cx='200' cy='200' r='200' fill='rgba(0,153,255,0.06)'/%3E%3Ccircle cx='1200' cy='100' r='150' fill='rgba(240,165,0,0.04)'/%3E%3C/svg%3E") 50%/cover no-repeat;position:absolute;inset:0}.contact-hero h1{margin-bottom:12px;font-size:2.5rem;font-weight:800;position:relative}.contact-hero p{opacity:.8;max-width:500px;margin:0 auto 28px;font-size:1.05rem;line-height:1.7;position:relative}.quick-ribbon{z-index:2;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.ribbon-btn{color:#fff;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.ribbon-btn.call{background:linear-gradient(135deg,#f0a500,#d48900);box-shadow:0 4px 14px #f0a5004d}.ribbon-btn.call:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f0a50066}.ribbon-btn.line{background:linear-gradient(135deg,#06c755,#04a845);box-shadow:0 4px 14px #06c7554d}.ribbon-btn.line:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #06c75566}.ribbon-btn.email{background:#ffffff26;border:1px solid #fff6}.ribbon-btn.email:hover{color:#fff;background:#ffffff40;transform:translateY(-2px)}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;padding:40px 0 56px;display:grid}.contact-info-cards{gap:16px;display:grid}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:16px;padding:22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact-card:hover{border-color:#09f;transform:translateY(-3px);box-shadow:0 8px 30px #00336614}.contact-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex}.icon-tel,.icon-line,.icon-mail,.icon-loc,.icon-time{background:0 0}.contact-card h3{color:#1a1a2e;margin-bottom:4px;font-size:.95rem;font-weight:700}.contact-card p{color:#4b5563;font-size:.85rem;line-height:1.6}.contact-card a{color:#06c;font-weight:600;text-decoration:none}.contact-card a:hover{color:#003d7a}.contact-form-box{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000a}.contact-form-box h2{color:#1a1a2e;margin-bottom:24px;font-size:1.3rem;font-weight:700}.form-group{margin-bottom:18px;position:relative}.form-group label{color:#374151;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border-color:#06c;box-shadow:0 0 0 3px #0066cc14}.form-group textarea{resize:vertical;min-height:110px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.success-msg{text-align:center;background:linear-gradient(135deg,#10b98114,#10b9810a);border:1px solid #10b98140;border-radius:16px;padding:32px}.success-msg .check{margin-bottom:12px;font-size:2.5rem}.success-msg h3{color:#059669;margin-bottom:8px;font-size:1.1rem;font-weight:700}.success-msg p{color:#6b7280;font-size:.85rem}.error-msg{text-align:center;color:#dc2626;background:#ef44440f;border:1px solid #ef444433;border-radius:12px;margin-bottom:16px;padding:14px;font-size:.85rem;font-weight:500}.submit-btn-premium{color:#fff;cursor:pointer;background:linear-gradient(135deg,#036,#06c);border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s}.submit-btn-premium:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00336640}.submit-btn-premium:disabled{opacity:.6;cursor:not-allowed;transform:none}.map-section{padding:56px 0 0;position:relative}.map-section h2{color:#1a1a2e;text-align:center;margin-bottom:20px;font-size:1.3rem;font-weight:700}.map-wrapper{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014}.map-wrapper iframe{border:0;width:100%;height:400px;display:block}.map-overlay{backdrop-filter:blur(12px);background:#fffffff2;border-radius:16px;max-width:320px;padding:20px 24px;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 20px #0000001f}.map-overlay h3{color:#036;margin-bottom:6px;font-size:.9rem;font-weight:700}.map-overlay p{color:#4b5563;margin-bottom:10px;font-size:.78rem;line-height:1.6}.map-overlay a{color:#fff;background:linear-gradient(135deg,#036,#06c);border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.map-overlay a:hover{color:#fff;box-shadow:0 4px 12px #0033664d}.warehouse-section{padding:56px 0}.warehouse-section h2{color:#1a1a2e;text-align:center;margin-bottom:20px;font-size:1.3rem;font-weight:700}.warehouse-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.warehouse-photo{aspect-ratio:4/3;cursor:pointer;border-radius:14px;position:relative;overflow:hidden}.warehouse-photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.warehouse-photo:hover img{transform:scale(1.08)}.warehouse-photo:after{content:"";opacity:0;background:linear-gradient(#0000 60%,#0000004d);transition:opacity .3s;position:absolute;inset:0}.warehouse-photo:hover:after{opacity:1}@media (max-width:768px){.contact-hero h1{font-size:1.6rem}.contact-hero{padding:48px 0 24px}.contact-hero p{font-size:.88rem}.contact-hero p span{font-size:1.1em!important}.quick-ribbon{flex-direction:column;align-items:center;padding:0 20px}.ribbon-btn{justify-content:center;width:100%;min-height:48px}.contact-grid{grid-template-columns:1fr;gap:24px}.form-row{grid-template-columns:1fr}.warehouse-grid{grid-template-columns:repeat(2,1fr)}.map-overlay{border-radius:0 0 16px 16px;max-width:100%;position:relative;bottom:auto;left:auto}.map-wrapper iframe{height:280px}.warehouse-section h2{font-size:1.3rem!important}.contact-form-box{padding:24px 16px}.contact-card{gap:12px;padding:16px}.contact-card-icon{width:44px;height:44px}}@media (max-width:480px){.contact-hero h1{font-size:1.3rem}.contact-card h3{font-size:.85rem}.contact-card p{font-size:.78rem}}