.contact-section{padding:4rem 0;width:100%}.contact-page-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.contact-header{text-align:center;margin-bottom:3rem;width:100%}.contact-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#76cfc5,#ffb400);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.contact-subtitle{font-size:1.2rem;color:#666;margin:0 auto;max-width:600px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;width:100%}.contact-card{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#f0f0f0,#f8f8f8,#f0f0f0) border-box;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:2px solid transparent;width:100%}.contact-card-title{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:#666;text-align:center}.contact-card-subtitle{font-size:1.3rem;font-weight:700;margin-bottom:1.2rem;color:#666;text-align:center}.contact-info-list{display:flex;flex-direction:row;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-radius:12px;background:#76cfc50d;transition:all .3s;min-width:280px;flex:0 1 auto}.contact-icon-wrapper{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-icon{background:linear-gradient(135deg,#a8edea,#fed6e3)}.phone-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.location-icon{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.contact-icon{width:24px;height:24px;display:block;margin:auto}.contact-info-content{flex:1;min-width:0}.contact-info-label{font-size:.9rem;color:#666;margin-bottom:.3rem}.contact-info-value{font-size:1.1rem;color:#666;text-decoration:none;font-weight:600;transition:color .3s;cursor:pointer;display:block}.contact-info-value:hover{color:#76cfc5}.contact-message-button-wrapper{text-align:center}.contact-message-button{background:linear-gradient(90deg,#76cfc5,#b4b8f8);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 20px #76cfc54d}.contact-message-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #76cfc566}.contact-form{display:flex;flex-direction:column;gap:1.1rem}.contact-field{display:flex;flex-direction:column;gap:.4rem}.contact-field-label{font-size:.95rem;font-weight:600;color:#555}.contact-input{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:#333;background:#fff;border:1.5px solid #e4e4ea;border-radius:12px;padding:.8rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.contact-input::placeholder{color:#aaa}.contact-input:focus{outline:none;border-color:#76cfc5;box-shadow:0 0 0 3px #76cfc533}.contact-input:user-invalid{border-color:#ec6664}.contact-textarea{resize:vertical;min-height:110px;line-height:1.5}.contact-submit{margin-top:.3rem;background:linear-gradient(90deg,#76cfc5,#b4b8f8);color:#fff;border:none;padding:.95rem 2rem;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 4px 20px #76cfc54d}.contact-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #76cfc566}.contact-submit:disabled{opacity:.6;cursor:default}.contact-form-status{margin:0;min-height:1.2em;font-size:.95rem;font-weight:600;text-align:center}.contact-form-status[data-state=success]{color:#2fa89b}.contact-form-status[data-state=error]{color:#ec6664}.contact-form-status[data-state=sending]{color:#888}.contact-direct{margin:1.2rem 0 0;text-align:center;font-size:.95rem;color:#777}.contact-direct-link{color:#76cfc5;font-weight:600;text-decoration:none}.contact-direct-link:hover{text-decoration:underline}.contact-hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.social-icons-list{display:flex;justify-content:center;gap:1.5rem}.contact-section .social-icons-list{display:flex!important}.social-icon-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:0;background:none;color:#222;font-size:2.2rem;text-decoration:none;transition:color .2s;box-shadow:none}.contact-section .social-icon-link{display:flex!important}.social-icon-link:hover{color:#ec6664}.social-icon-link img{width:36px;height:36px;transition:transform .2s ease;display:block;margin:auto}.social-icon-link:hover img{transform:scale(1.18)}.social-icon-link img[alt="facebook icon"]{width:27px;height:27px}.contact-footer-text{text-align:center!important;padding:2rem 0;color:#666;font-size:1rem;line-height:1.6;max-width:800px;margin:0 auto;width:100%}.contact-footer-text p{margin-bottom:1rem}.contact-footer-text p:last-child{margin-bottom:0}@media(max-width:768px){.contact-section{padding:2rem 0}.contact-page-container{padding:0 1rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-info-list{flex-direction:column;gap:1rem}.contact-info-item{min-width:100%}}html[dir=rtl] .contact-header,html[dir=rtl] .contact-card{text-align:right}html[dir=rtl] .contact-subtitle{text-align:center}html[dir=rtl] .contact-info-item{flex-direction:row-reverse;text-align:right}html[dir=rtl] .contact-info-content{text-align:right}
