.contact-page{position:relative;min-height:calc(100vh - var(--nav-height) - 120px);padding-bottom:var(--space-4xl)}.contact-hero{position:relative;padding:var(--space-3xl) 0 var(--space-2xl);overflow:hidden}.contact-hero-bg{background:radial-gradient(ellipse 60% 80% at 50% 0,rgba(196,174,146,.08) 0,transparent 70%)}.contact-hero-bg,.contact-hero-dots{position:absolute;inset:0;pointer-events:none}.contact-hero-dots{background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:26px 26px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 70%)}.contact-hero-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-hero-desc{max-width:560px;margin-top:var(--space-md);color:var(--text-secondary)}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-xl);align-items:start}.contact-info-panel{display:flex;flex-direction:column;gap:var(--space-md)}.contact-info-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.004));border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-card)}.contact-info-card:hover{background:rgba(255,255,255,.04);border-color:var(--border-hover);transform:translateY(-2px)}.contact-info-icon-ring{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:rgba(196,174,146,.05);border:1px solid var(--accent-border);color:var(--accent);flex-shrink:0}.contact-info-details{display:flex;flex-direction:column;gap:var(--space-xs);flex-grow:1}.contact-info-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.contact-info-value{font-size:16px;font-weight:500;color:var(--text-primary);word-break:break-all}.contact-info-subtext{font-size:13px;color:var(--text-muted)}.system-status-indicator{display:inline-flex;align-items:center;gap:8px;background:rgba(146,196,168,.06);border:1px solid rgba(146,196,168,.18);border-radius:var(--radius-pill);padding:4px 12px;margin-top:var(--space-xs);font-size:12px;color:var(--success);font-weight:500;align-self:flex-start}.status-pulse-dot{width:6px;height:6px;background-color:var(--success);border-radius:50%;box-shadow:0 0 0 0 rgba(146,196,168,.4);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(146,196,168,.45)}70%{box-shadow:0 0 0 6px rgba(146,196,168,0)}to{box-shadow:0 0 0 0 rgba(146,196,168,0)}}.action-link-btn,.copy-btn{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) ease;display:flex;align-items:center;gap:6px;align-self:flex-start;margin-top:var(--space-xs)}.action-link-btn:hover,.copy-btn:hover{background:rgba(255,255,255,.05);border-color:var(--border-hover);color:var(--text-primary)}.copy-btn:active{transform:scale(.96)}.contact-form-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.contact-form-title{font-size:20px;font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.contact-form{gap:var(--space-md)}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:6px}.contact-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.contact-field input,.contact-field select,.contact-field textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:all var(--duration-fast) ease}.contact-field input,.contact-field select{height:44px;padding:0 14px}.contact-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23F2EFEB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;padding-right:40px;cursor:pointer}.contact-field select option{background:var(--bg-surface);color:var(--text-primary)}.contact-field textarea{min-height:120px;padding:12px 14px;resize:vertical}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--accent-border-strong);box-shadow:0 0 0 1px var(--accent-border-strong),0 0 16px var(--accent-glow)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text-muted)}.contact-submit{height:46px;background:var(--accent);color:var(--bg-primary);font-weight:600;font-size:14px;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-button);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--space-xs)}.contact-submit:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 12px 35px rgba(196,174,146,.25)}.contact-submit:active{transform:translateY(0)}.contact-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.contact-alert{padding:var(--space-md);border-radius:var(--radius-sm);font-size:14px;line-height:1.5;display:flex;align-items:flex-start;gap:12px;animation:fadeInUp .4s var(--ease-out) both}.contact-alert--success{background:rgba(146,196,168,.08);border:1px solid rgba(146,196,168,.2);color:var(--success)}.contact-alert--error{background:rgba(196,146,146,.08);border:1px solid rgba(196,146,146,.2);color:var(--error)}.contact-alert-icon{flex-shrink:0;margin-top:2px}@media (max-width:992px){.contact-layout{grid-template-columns:1fr;gap:var(--space-2xl)}}@media (max-width:576px){.contact-form-card{padding:var(--space-lg)}.contact-info-card{padding:var(--space-md);gap:var(--space-sm)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}