body{font-family:var(--body-font);font-size:clamp(var(--normal-font-size), 1rem + .3vw, 1.1rem);background-color:var(--body-color);padding:85px 0 0;line-height:1.6;overflow-x:hidden}#contact{background:#f9fafb;padding:80px 20px}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-header{text-align:center;margin-bottom:40px}.contact-header h2{color:#1e3a8a;margin-bottom:10px;font-size:clamp(28px,5vw,36px);font-weight:700;line-height:1.2}.contact-header p{color:#374151;max-width:600px;margin:0 auto;padding:0 15px;font-size:clamp(14px,2.5vw,16px);line-height:1.6}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-bottom:40px;display:grid}.contact-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 16px #0000000d}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.contact-card .icon{color:#2563eb;margin-bottom:12px;font-size:clamp(24px,4vw,28px);display:inline-block}.contact-card h3{color:#1f2937;margin-bottom:6px;font-size:clamp(14px,2.5vw,16px);font-weight:600;line-height:1.4}.contact-card p{color:#6b7280;word-break:break-word;font-size:clamp(13px,2vw,14px);line-height:1.5}.contact-map{text-align:center}.contact-map iframe{border:0;border-radius:12px;width:100%;height:420px;box-shadow:0 6px 16px #0000001a}.map-button{color:#fff;background:#2563eb;border-radius:8px;margin-top:16px;padding:10px 20px;font-size:clamp(14px,2vw,15px);font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.map-button:hover{background:#1e40af;transform:translateY(-2px)}@media (width>=1200px){.contact-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){#contact{padding:60px 15px}.contact-header{margin-bottom:35px}.contact-grid{gap:18px;margin-bottom:35px}.contact-map iframe{height:380px}}@media (width<=768px){body{padding:20px 0}#contact{padding:50px 15px}.contact-container{padding:0 10px}.contact-header{margin-bottom:30px}.contact-header h2{margin-bottom:8px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-bottom:30px}.contact-card{padding:18px}.contact-card .icon{margin-bottom:10px}.contact-map iframe{border-radius:10px;height:350px}.map-button{margin-top:14px;padding:10px 18px}}@media (width<=640px){.contact-grid{grid-template-columns:1fr;gap:16px}.contact-card{max-width:500px;margin:0 auto}}@media (width<=480px){body{padding:15px 0}#contact{padding:40px 10px}.contact-container{padding:0 5px}.contact-header{margin-bottom:25px}.contact-grid{gap:14px;margin-bottom:25px}.contact-card{border-radius:10px;padding:16px}.contact-card:hover{transform:translateY(-3px)}.contact-card .icon{margin-bottom:8px}.contact-card h3{margin-bottom:4px}.contact-map iframe{border-radius:8px;height:300px}.map-button{border-radius:6px;margin-top:12px;padding:9px 16px;font-size:14px}}@media (width<=360px){#contact{padding:35px 10px}.contact-card{padding:14px}.contact-map iframe{height:280px}.map-button{padding:8px 14px;font-size:13px}}@media (width<=896px) and (orientation:landscape){#contact{padding:40px 15px}.contact-header{margin-bottom:25px}.contact-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.contact-card{padding:15px}.contact-card .icon{margin-bottom:8px;font-size:22px}.contact-map iframe{height:280px}}@media (hover:none) and (pointer:coarse){.contact-card:active{transform:translateY(-3px);box-shadow:0 6px 18px #00000012}.map-button:active{background:#1e40af;transform:translateY(-1px)}}@media (width>=1400px){.contact-container{max-width:1400px}.contact-grid{gap:24px}.contact-map iframe{height:480px}}