.contact-hero{background-image:linear-gradient(#00000080,#00000080),url(/public/Assets/frontdesk.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:60vh;margin-top:70px;display:flex;position:relative}.contact-hero .hero-content h1{color:var(--color-white);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);font-family:var(--font-primary)}.contact-hero .hero-content p{font-size:var(--font-size-xl);color:var(--color-primary-light);letter-spacing:1px;font-weight:300}.contact-info-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.contact-info-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);border-top:4px solid}.contact-info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.contact-icon-wrapper{border-radius:var(--border-radius-full);width:70px;height:70px;margin:0 auto var(--spacing-md);color:var(--color-white);font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.contact-info-card h4{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.contact-content{color:var(--color-gray);line-height:1.8;font-size:var(--font-size-sm)}.contact-content a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}.contact-content a:hover{color:var(--color-primary-dark);text-decoration:underline}.contact-form-section{background-color:var(--color-off-white)}.contact-form-container{background-color:var(--color-white);max-width:800px;padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto}.contact-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-secondary);margin-bottom:var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm)}.form-control{padding:var(--spacing-md);border:2px solid var(--color-gray-light);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--color-white)}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c9a96e1a}.form-control::placeholder{color:var(--color-gray);font-size:var(--font-size-sm)}textarea.form-control{resize:vertical;min-height:120px}.submit-btn{min-width:200px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);justify-content:center;align-self:center;align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .btn-icon{font-size:var(--font-size-sm)}.submit-btn .loading{align-items:center;gap:var(--spacing-sm);display:flex}.submit-btn .loading:after{content:"";border:2px solid var(--color-white);border-top:2px solid #0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{text-align:center;padding:var(--spacing-xl);background-color:var(--color-beige);border-radius:var(--border-radius-lg);border:2px solid var(--color-primary)}.success-message h3{color:var(--color-primary);font-family:var(--font-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.success-message p{color:var(--color-gray);font-size:var(--font-size-base)}@media (max-width:768px){.contact-hero{height:50vh;margin-top:60px}.contact-hero .hero-content h1{font-size:var(--font-size-4xl)}.contact-hero .hero-content p{font-size:var(--font-size-lg)}.contact-info-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.contact-form-container{padding:var(--spacing-xl)}.form-grid{gap:var(--spacing-md);grid-template-columns:1fr}.submit-btn{width:100%}}
