.contact-page{width:100%;min-height:100vh;background:var(--background-color)}.contact-page .contact-header{text-align:center;padding:60px 20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;margin-bottom:60px}.contact-page .contact-header h1{font-size:3rem;font-weight:700;margin-bottom:20px}.contact-page .contact-header p{font-size:1.2rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6}.contact-page .contact-content{max-width:1200px;margin:0 auto;padding:0 20px 80px;display:grid;grid-template-columns:1.5fr 1fr;grid-gap:60px;gap:60px;align-items:start}.contact-page .contact-form-section .contact-form{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.contact-page .contact-form-section .contact-form h3{font-size:1.8rem;font-weight:600;color:var(--text-color);margin-bottom:30px;text-align:center}.contact-page .contact-form-section .contact-form .error-message{background:#fef2f2;border:2px solid #fecaca;color:#dc2626;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;text-align:center}.contact-page .contact-form-section .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px;margin-bottom:25px}.contact-page .contact-form-section .contact-form .form-row:last-child{margin-bottom:0}.contact-page .contact-form-section .contact-form .input-group{display:flex;flex-direction:column}.contact-page .contact-form-section .contact-form .input-group label{font-weight:600;color:var(--text-color);margin-bottom:8px;font-size:.95rem}.contact-page .contact-form-section .contact-form .input-group input,.contact-page .contact-form-section .contact-form .input-group select,.contact-page .contact-form-section .contact-form .input-group textarea{border:2px solid var(--border-color);border-radius:8px;padding:12px 16px;font-size:1rem;background:var(--input-bg);color:var(--text-color);transition:all .3s ease;font-family:inherit}.contact-page .contact-form-section .contact-form .input-group input:focus,.contact-page .contact-form-section .contact-form .input-group select:focus,.contact-page .contact-form-section .contact-form .input-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.contact-page .contact-form-section .contact-form .input-group input::placeholder,.contact-page .contact-form-section .contact-form .input-group select::placeholder,.contact-page .contact-form-section .contact-form .input-group textarea::placeholder{color:var(--text-muted)}.contact-page .contact-form-section .contact-form .input-group textarea{resize:vertical;min-height:120px}.contact-page .contact-form-section .contact-form .input-group.full-width{grid-column:1/-1}.contact-page .contact-form-section .contact-form .char-counter{text-align:right;font-size:.85rem;color:var(--text-muted);margin-top:5px}.contact-page .contact-form-section .contact-form .recaptcha-container{margin:30px 0;display:flex;justify-content:center}.contact-page .contact-form-section .contact-form .form-actions{text-align:center;margin-top:30px}.contact-page .contact-form-section .contact-form .form-actions .btn{min-width:200px}.contact-page .contact-info-section{display:flex;flex-direction:column;gap:30px}.contact-page .contact-info-section .contact-methods{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:30px}.contact-page .contact-info-section .contact-methods h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:25px;text-align:center}.contact-page .contact-info-section .contact-methods .contact-method{display:flex;align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid var(--border-color)}.contact-page .contact-info-section .contact-methods .contact-method:last-child{border-bottom:none}.contact-page .contact-info-section .contact-methods .contact-method .method-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.contact-page .contact-info-section .contact-methods .contact-method .method-details{flex:1 1}.contact-page .contact-info-section .contact-methods .contact-method .method-details h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:5px}.contact-page .contact-info-section .contact-methods .contact-method .method-details p{color:var(--primary-color);font-weight:500;margin-bottom:3px}.contact-page .contact-info-section .contact-methods .contact-method .method-details .response-time{font-size:.85rem;color:var(--text-muted)}.contact-page .contact-info-section .office-hours{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:25px}.contact-page .contact-info-section .office-hours h4{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:20px;text-align:center}.contact-page .contact-info-section .office-hours .hours-list{display:flex;flex-direction:column;gap:12px}.contact-page .contact-info-section .office-hours .hours-list .hours-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.contact-page .contact-info-section .office-hours .hours-list .hours-item:last-child{border-bottom:none}.contact-page .contact-info-section .office-hours .hours-list .hours-item .day{font-weight:500;color:var(--text-color)}.contact-page .contact-info-section .office-hours .hours-list .hours-item .time{color:var(--text-secondary);font-weight:500}.contact-page .contact-info-section .quick-links{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:25px}.contact-page .contact-info-section .quick-links h4{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:20px;text-align:center}.contact-page .contact-info-section .quick-links .links-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.contact-page .contact-info-section .quick-links .links-grid .quick-link{display:flex;align-items:center;gap:10px;padding:12px;background:var(--section-bg);border-radius:8px;text-decoration:none;color:var(--text-secondary);transition:all .3s ease;font-size:.9rem}.contact-page .contact-info-section .quick-links .links-grid .quick-link:hover{background:var(--border-color);color:var(--primary-color);transform:translateY(-2px)}.contact-page .contact-info-section .quick-links .links-grid .quick-link span:first-child{font-size:1.2rem}.contact-page .contact-info-section .social-media{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:25px}.contact-page .contact-info-section .social-media h4{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:20px;text-align:center}.contact-page .contact-info-section .social-media .social-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.contact-page .contact-info-section .social-media .social-links .social-link{display:flex;align-items:center;gap:10px;padding:12px;background:var(--section-bg);border-radius:8px;text-decoration:none;color:var(--text-secondary);transition:all .3s ease;font-size:.9rem}.contact-page .contact-info-section .social-media .social-links .social-link:hover{transform:translateY(-2px)}.contact-page .contact-info-section .social-media .social-links .social-link.facebook:hover{background:#1877f2;color:#fff}.contact-page .contact-info-section .social-media .social-links .social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.contact-page .contact-info-section .social-media .social-links .social-link.twitter:hover{background:#1da1f2;color:#fff}.contact-page .contact-info-section .social-media .social-links .social-link.linkedin:hover{background:#0077b5;color:#fff}.contact-page .contact-info-section .social-media .social-links .social-link span:first-child{font-size:1.2rem}.contact-page .success-message{text-align:center;max-width:600px;margin:100px auto;padding:40px;background:var(--card-bg);border:2px solid #10b981;border-radius:16px}.contact-page .success-message .success-icon{font-size:4rem;margin-bottom:20px}.contact-page .success-message h1{font-size:2.2rem;font-weight:700;color:#10b981;margin-bottom:20px}.contact-page .success-message p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.contact-page .success-message p strong{color:var(--primary-color)}.contact-page .success-message .success-actions{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}@media(max-width:1024px){.contact-page .contact-content{grid-template-columns:1fr;gap:40px}.contact-page .contact-info-section{order:-1}}@media(max-width:768px){.contact-page .contact-header{padding:40px 15px}.contact-page .contact-header h1{font-size:2.2rem}.contact-page .contact-header p{font-size:1rem}.contact-page .contact-content{padding:0 15px 60px}.contact-page .contact-form{padding:25px!important}.contact-page .contact-form .form-row{grid-template-columns:1fr;gap:20px}.contact-page .contact-info-section .quick-links .links-grid,.contact-page .contact-info-section .social-media .social-links{grid-template-columns:1fr}.contact-page .success-message{margin:50px auto;padding:25px}.contact-page .success-message h1{font-size:1.8rem}.contact-page .success-message .success-actions{flex-direction:column;align-items:center}.contact-page .success-message .success-actions .btn{width:100%;max-width:300px}}@media(max-width:480px){.contact-page .contact-header h1{font-size:1.8rem}.contact-page .contact-form{padding:20px!important}.contact-page .contact-info-section>div,.contact-page .success-message{padding:20px}.contact-page .success-message .success-icon{font-size:3rem}.contact-page .success-message h1{font-size:1.6rem}}