.contact{background:linear-gradient(135deg,rgba(0,26,64,0.95) 0%,rgba(26,13,64,0.9) 50%,rgba(10,20,40,0.95) 100%)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem;align-items:flex-start}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1.5rem}.contact-icon{width:60px;height:60px;flex-shrink:0;background:linear-gradient(135deg,rgba(26,13,64,0.8) 0%,rgba(45,74,140,0.6) 100%);backdrop-filter:blur(10px);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.75rem;color:var(--color-primary);transition:var(--transition-speed)}.contact-icon--email{background-color:rgba(102,126,234,0.2)}.contact-icon--phone{background-color:rgba(237,137,54,0.2)}.contact-icon--location{background-color:rgba(245,101,101,0.2)}.contact-details h4{color:var(--color-text-primary);margin-bottom:0.25rem;font-size:1.1rem;font-weight:600}.contact-details p{margin-bottom:0.5rem;color:var(--color-text-secondary);line-height:1.6}.contact-details a{color:var(--color-primary);font-weight:500;font-family:var(--font-secondary);text-decoration:underline;text-underline-offset:4px;transition:var(--transition-speed)}.contact-details a:hover{color:var(--color-primary-light);text-underline-offset:6px}.contact-form-container{background-color:var(--color-background);padding:2.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.contact-form{width:100%}.form-row{display:flex;gap:1.5rem}.form-group{position:relative;margin-bottom:2rem;width:100%}.form-group.error input,.form-group.error textarea{border-bottom-color:var(--color-accent-red)}.form-group.focused label{top:-1.25rem;left:0;font-size:0.8rem;color:var(--color-primary)}.form-group.filled label{top:-1.25rem;left:0;font-size:0.8rem;color:var(--color-primary)}.form-group label{position:absolute;top:0.75rem;left:0;color:var(--color-text-secondary);transition:all var(--transition-speed);pointer-events:none;font-size:1rem;font-weight:400}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:2px solid var(--color-border);padding:0.75rem 0;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-primary);outline:none;position:relative;z-index:1;transition:border-bottom-color var(--transition-speed)}.form-group textarea{resize:vertical;min-height:120px;font-family:var(--font-primary);padding-top:1rem}.form-underline{position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:var(--color-primary);transform:scaleX(0);transition:transform var(--transition-speed);transform-origin:left}.form-group input:focus~.form-underline,.form-group textarea:focus~.form-underline{transform:scaleX(1)}.form-group input:focus~label,.form-group textarea:focus~label{top:-1.25rem;left:0;font-size:0.8rem;color:var(--color-primary)}.form-group input:not(:placeholder-shown)~label,.form-group textarea:not(:placeholder-shown)~label{top:-1.25rem;left:0;font-size:0.8rem;color:var(--color-primary)}.form-group input:valid~label,.form-group textarea:valid~label{top:-1.25rem;left:0;font-size:0.8rem;color:var(--color-primary)}.form-error{color:var(--color-accent-red);font-size:0.875rem;margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem}.form-error-icon{font-size:0.75rem}.form-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:1rem}.response-message{margin-top:1rem;padding:1rem 1.5rem;border-radius:var(--border-radius);font-weight:500;display:flex;align-items:center;gap:0.75rem;border-left:4px solid currentColor}.response-message-icon{font-size:1.25rem;flex-shrink:0}.response-message-text{flex:1;line-height:1.5}.response-message.success{background-color:rgba(72,187,120,0.15);color:#48bb78;border-color:#48bb78}.response-message.error{background-color:rgba(245,101,101,0.15);color:var(--color-accent-red);border-color:var(--color-accent-red)}.response-message.warning{background-color:rgba(237,137,54,0.15);color:var(--color-accent-orange);border-color:var(--color-accent-orange)}.response-message.info{background-color:rgba(102,126,234,0.15);color:var(--color-primary);border-color:var(--color-primary)}.contact-form.loading{opacity:0.7;pointer-events:none}.contact-form.loading input,.contact-form.loading textarea{cursor:not-allowed}.btn.loading{position:relative;color:transparent}.btn.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width:768px){.contact{padding:2rem 1rem}.contact-content{grid-template-columns:1fr;gap:2rem;max-width:100%;margin:0 auto;padding:0}.contact-form-container{padding:1.5rem;margin:0;max-width:100%;width:100%;box-sizing:border-box;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.contact-info{padding:1rem;order:-1;gap:1.5rem}.form-row{flex-direction:column;gap:0}.contact-item{gap:1rem;padding:1rem;margin-bottom:1rem;background:linear-gradient(135deg,rgba(26,13,64,0.8) 0%,rgba(10,20,40,0.9) 100%);backdrop-filter:blur(10px);border-radius:8px;border:1px solid var(--color-border);transition:transform 0.2s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.contact-icon{width:48px;height:48px;font-size:1.3rem}.form-actions{justify-content:stretch;flex-direction:column;margin-top:1.5rem;gap:1rem}.form-actions .btn{width:100%;min-height:48px;justify-content:center;font-size:1rem;padding:0.9rem 1.5rem;border-radius:8px;font-weight:500}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{font-size:16px;padding:1rem 0;border-radius:6px;width:100%;max-width:100%;box-sizing:border-box;border-bottom:2px solid var(--color-border);transition:border-color 0.3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group label{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.form-group textarea{min-height:120px;resize:vertical;max-height:200px;line-height:1.5}.form-group.focused label,.form-group.filled label,.form-group input:focus~label,.form-group textarea:focus~label{font-size:0.85rem;color:var(--color-primary)}}@media (max-width:480px){.contact{padding:1.5rem 0.75rem}.contact-content{gap:1.5rem}.contact-form-container{padding:1.25rem;margin:0;border-radius:10px}.contact-info{gap:1.25rem;padding:1rem}.contact-item{flex-direction:row;text-align:left;gap:0.75rem;padding:0.875rem;margin-bottom:0.75rem}.contact-icon{width:42px;height:42px;font-size:1.1rem;flex-shrink:0}.contact-details h4{font-size:1rem;margin-bottom:0.25rem}.contact-details p{font-size:0.9rem;line-height:1.4}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{padding:0.875rem 0;font-size:16px}.form-group label{font-size:0.95rem}.form-group textarea{min-height:100px;max-height:150px}.form-actions{margin-top:1.25rem;gap:0.75rem}.form-actions .btn{min-height:46px;padding:0.8rem 1.25rem;font-size:0.95rem}}.contact-item{transition:transform var(--transition-speed)}.contact-item:hover{transform:translateY(-2px)}.contact-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}@media (prefers-contrast:high){.form-group input,.form-group textarea{border-bottom-width:3px}.response-message{border-left-width:6px}}@media (prefers-reduced-motion:reduce){.contact-item,.contact-icon,.form-group label,.form-underline,.form-group input,.form-group textarea,.btn{transition:none}.btn.loading::after{animation:none}}.recaptcha-error{display:none;color:var(--color-error,#ef4444);font-size:var(--font-size-sm,0.875rem);margin-top:0.5rem}.recaptcha-error.show{display:block}.response-message{display:none}.response-message.show{display:flex}
