@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.contact-hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);position:relative;overflow:hidden}.contact-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.1"><circle cx="200" cy="200" r="100" fill="white"/><circle cx="800" cy="300" r="150" fill="white"/><circle cx="400" cy="700" r="120" fill="white"/></svg>');background-size:cover}.contact-form-section{max-width:600px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{position:relative;margin-bottom:2rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-label i{color:#3b82f6;width:16px}.form-input,.form-select,.form-textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#1f2937;position:relative;z-index:1}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-focus-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:all .3s ease;transform:translateX(-50%)}.form-input:focus~.form-focus-line,.form-select:focus~.form-focus-line,.form-textarea:focus~.form-focus-line{width:100%}.form-textarea{resize:vertical;min-height:120px}.submit-button{position:relative;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:0;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-button:hover::before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.button-loader{display:none}.submit-button.loading .button-text{opacity:0}.submit-button.loading .button-loader{display:block}.submit-button.success .button-icon{color:#10b981}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #f1f5f9}.contact-method:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.method-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.method-content h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.method-content p{color:#6b7280;line-height:1.5}.virtual-office{margin-bottom:3rem}.office-map{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:2rem;border:2px solid #e5e7eb}.map-background{position:relative;height:200px;background:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.map-grid{background:linear-gradient(90deg,transparent 24px,#e5e7eb 25px,transparent 26px),linear-gradient(transparent 24px,#e5e7eb 25px,transparent 26px);background-size:26px 26px;opacity:.3}.map-grid,.office-points{position:absolute;top:0;left:0;right:0;bottom:0}.office-point{position:absolute;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;transition:all .3s ease;border:2px solid}.office-point:hover{transform:scale(1.2);z-index:10}.office-point::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.office-point:hover::after{opacity:1}.office-point.support{top:30%;left:20%;border-color:#3b82f6;color:#3b82f6}.office-point.dev{top:60%;left:40%;border-color:#10b981;color:#10b981}.office-point.design{top:20%;right:30%;border-color:#8b5cf6;color:#8b5cf6}.office-point.finance{bottom:30%;right:20%;border-color:#f59e0b;color:#f59e0b}.social-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.faq-item,.social-link{background:#fff;border-radius:12px;border:1px solid #f1f5f9}.social-link{display:flex;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;color:#374151;font-weight:500;transition:all .3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.social-link i{width:20px;font-size:1.25rem}.social-link.twitter{border-left:4px solid #1da1f2}.social-link.linkedin{border-left:4px solid #0077b5}.social-link.instagram{border-left:4px solid #e1306c}.social-link.facebook{border-left:4px solid #1877f2}.social-link.twitter:hover{background:#1da1f2;color:#fff}.social-link.linkedin:hover{background:#0077b5;color:#fff}.social-link.instagram:hover{background:#e1306c;color:#fff}.social-link.facebook:hover{background:#1877f2;color:#fff}.faq-item{margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);align-self:start}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1f2937;transition:all .3s ease}.faq-question:hover{background:#f8fafc}.faq-question i{color:#6b7280;transition:transform .3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem}.faq-section .grid{align-items:start}.faq-answer p{color:#6b7280;line-height:1.6}.contact-cta{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.cta-button{display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.cta-button.primary{background:#fff;color:#3b82f6;box-shadow:0 10px 30px rgba(0,0,0,.2)}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3);color:#1e40af}.cta-button.secondary{background:0 0;color:#fff;border-color:#fff}.cta-button.secondary:hover{background:#fff;color:#3b82f6;transform:translateY(-3px)}@media (max-width:768px){.form-grid{grid-template-columns:1fr;gap:0}.contact-method{padding:1rem}.method-icon{width:40px;height:40px;font-size:1rem}.office-map{padding:1rem}.social-links-grid{grid-template-columns:1fr}.cta-button,.faq-question{padding:1rem;font-size:.9rem}.cta-button{padding:.875rem 1.5rem}}.contact-form-section{animation:slideInRight .6s ease-out}.form-success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;padding:2rem;border-radius:16px;text-align:center;display:none}.form-success h3,.form-success i{font-size:3rem;margin-bottom:1rem}.form-success h3{font-size:1.5rem}.error-message{transition:all .3s ease}.border-red-500{border-color:#ef4444!important}.focus\:ring-red-500:focus{--tw-ring-color:rgba(239, 68, 68, 0.5)!important}