.contact-page{min-height:100vh}.contact-hero{position:relative;padding:calc(var(--header-height) + var(--space-20)) 0 var(--space-16);overflow:hidden}.contact-hero-bg{position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.contact-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-6);max-width:720px}.contact-title{font-size:clamp(2.75rem,7vw,5.5rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;margin:var(--space-6) 0;overflow:visible}.contact-subtitle{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px}.contact-content{padding:var(--space-20) 0 var(--space-32)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12)}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1.6fr;gap:var(--space-16);align-items:start}}.contact-info{display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:calc(var(--header-height) + var(--space-8))}.contact-info-items{display:flex;flex-direction:column;gap:var(--space-6)}.contact-info-item{display:flex;align-items:flex-start;gap:var(--space-4)}.contact-icon-box{width:42px;height:42px;border-radius:var(--radius-lg);background:#6366f114;border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:var(--color-primary-light);font-size:1rem;flex-shrink:0;transition:all var(--transition-fast)}.contact-info-item:hover .contact-icon-box{background:#6366f124;border-color:#6366f14d}.contact-info-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.contact-info-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;font-style:normal;line-height:var(--line-height-relaxed);text-decoration:none;transition:color var(--transition-fast)}a.contact-info-value:hover{color:var(--color-primary-light)}.contact-availability{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#10b981;width:fit-content}.availability-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}.contact-note{padding:var(--space-5);background:#f8fafc05;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl)}.contact-note p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.contact-note strong{color:var(--color-text-primary);font-weight:600}.contact-form-wrap{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-3xl);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow-card)}.contact-form-header{margin-bottom:var(--space-8)}.contact-form-header h2{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-2)}.contact-form-header p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.input-group label span{color:var(--color-primary-light);margin-left:2px}.input-group input,.input-group select,.input-group textarea{width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:.7rem 1rem;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--color-text-muted)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.input-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}.input-group select option{background:var(--color-bg-card);color:var(--color-text-primary)}.input-group textarea{resize:vertical;min-height:130px}.form-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-error)}.submit-btn{width:100%;justify-content:center;margin-top:var(--space-2)}.submit-btn.success{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 20px #10b98140!important}[data-theme=light] .input-group input,[data-theme=light] .input-group select,[data-theme=light] .input-group textarea{background:#f8fafc;border-color:#0f172a1f}