.contact-page{min-height:100vh}.contact-hero{padding:var(--spacing-32)0 var(--spacing-16);position:relative;overflow:hidden}.contact-hero-bg{display:none}.contact-hero-content{text-align:center;max-width:800px;margin:0 auto}.contact-hero-badge{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-brand-primary);margin-bottom:var(--spacing-6);background:#d4af371a;border:1px solid #d4af3733;display:inline-block}.contact-hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--spacing-6);color:var(--color-foreground)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-hero-description{font-size:var(--text-xl);color:var(--color-muted);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.section{padding:var(--spacing-20)0}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-badge{padding:var(--spacing-1-5)var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4);background:#d4af371a;border:1px solid #d4af3733;display:inline-block}.section-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);color:var(--color-foreground)}.section-description{font-size:var(--text-lg);color:var(--color-muted);max-width:600px;margin:0 auto}.contact-options-section{background:var(--color-background-alt)}.contact-grid{gap:var(--spacing-8);grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto;display:grid}.contact-info-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);padding:var(--spacing-8)}.card-header{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-card-border);display:flex}.card-icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--color-brand-primary);background:#d4af371a;justify-content:center;align-items:center;display:flex}.card-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-foreground)}.contact-details{gap:var(--spacing-4);flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-background-alt);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);border:1px solid #0000;display:flex}.contact-item:hover{border-color:#d4af3733;transform:translate(4px)}.contact-icon{background:var(--gradient-brand);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-details-text h3{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);margin-bottom:var(--spacing-1)}.contact-link,.contact-text{color:var(--color-foreground);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--color-brand-primary)}.response-time{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-card-border);color:var(--color-muted);font-size:var(--text-sm);display:flex}.response-time svg{color:var(--color-brand-primary)}.contact-cta-card{background:var(--color-card);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;border:2px solid #d4af374d;position:relative}.contact-cta-card:before{content:"";background:var(--gradient-brand);border-radius:var(--radius-2xl);z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-2px}.contact-cta-card:hover:before{opacity:.1}.cta-badge{padding:var(--spacing-1)var(--spacing-3);background:var(--gradient-brand);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4);display:inline-block}.contact-cta-card h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-foreground);margin-bottom:var(--spacing-4)}.contact-cta-card p{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-6)}.inquiry-btn{width:100%;margin-bottom:var(--spacing-6);justify-content:center}.cta-features{justify-content:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}.cta-feature{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-muted);display:flex}.cta-feature svg{color:var(--color-brand-primary)}.expect-section{background:0 0}.expect-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto;display:grid}.expect-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;transition:all .3s var(--ease-out)}.expect-card:hover{box-shadow:var(--shadow-glow);border-color:#d4af374d;transform:translateY(-4px)}.expect-number{background:var(--gradient-brand);width:48px;height:48px;font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--spacing-4);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.expect-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.expect-card p{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-relaxed)}.services-links-section{background:var(--color-background-alt)}.services-links-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);display:grid}.service-link-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all .3s var(--ease-out);text-decoration:none;position:relative;overflow:hidden}.service-link-card:before{content:"";background:var(--gradient-brand);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.service-link-card:hover{box-shadow:var(--shadow-glow);border-color:#d4af374d;transform:translateY(-4px)}.service-link-card:hover:before{opacity:1}.service-link-card-alt:before{background:linear-gradient(135deg,#0ea5e9,#14b8a6)}.service-link-card-alt:hover{border-color:#0ea5e94d;box-shadow:0 4px 20px #0ea5e926}.service-link-icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--color-brand-primary);margin-bottom:var(--spacing-4);background:#d4af371a;justify-content:center;align-items:center;display:flex}.service-link-icon-alt{color:#0ea5e9;background:#0ea5e91a}.service-link-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-foreground);margin-bottom:var(--spacing-2)}.service-link-card p{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.service-link-arrow{color:var(--color-brand-primary);align-items:center;transition:transform .3s;display:inline-flex}.service-link-card:hover .service-link-arrow{transform:translate(4px)}.service-link-card-alt .service-link-arrow{color:#0ea5e9}@media (max-width:1024px){.contact-hero-title{font-size:var(--text-4xl)}.section-title{font-size:var(--text-3xl)}.expect-grid,.services-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.contact-hero{padding:var(--spacing-24)0 var(--spacing-12)}.contact-hero-title{font-size:var(--text-3xl)}.contact-hero-description{font-size:var(--text-lg)}.section{padding:var(--spacing-16)0}.contact-grid{gap:var(--spacing-6);grid-template-columns:1fr}.expect-grid{grid-template-columns:1fr}.services-links-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.cta-features{gap:var(--spacing-3);flex-direction:column}}@media (max-width:480px){.contact-hero-title,.section-title{font-size:var(--text-2xl)}.contact-info-card,.contact-cta-card{padding:var(--spacing-6)}.contact-item{text-align:center;gap:var(--spacing-3);flex-direction:column}.contact-item:hover{transform:none}}