@layer components{.contact-card{--surface-glass-tint:var(--surface-strong-soft);background-color:var(--surface-glass-tint);backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-saturate-card));--surface-card-glass-base:var(--surface-glass-tint);--surface-card-fill:var(--surface-card-fill-soft);--surface-card-rim:var(--surface-card-rim-soft);background-image:linear-gradient(166deg,#92aac609 0%,#6882a006 24%,#1624380d 56%,#03081224 100%);background:var(--surface-card-fill) padding-box, var(--surface-card-rim) border-box;border-radius:var(--radius-xl);transition:box-shadow var(--duration-base) var(--ease-default), background var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 24px 44px -40px #00020ae6,0 0 0 1px #809ab80f,inset 0 1px #c6daee14,inset 0 -1px #3a4e681f}.contact-page{z-index:1;padding-bottom:clamp(var(--space-8), 7vw, var(--space-11));position:relative}.contact-hero-card .page-title{font-size:clamp(1.85rem,4.1vw,2.5rem)}.contact-hero-card .page-subtitle{max-width:54ch;font-size:var(--text-base)}.contact-body{position:relative}.contact-body__grid{gap:clamp(var(--space-5), 4vw, var(--space-7));grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.contact-card{border-radius:calc(var(--radius-xl) + 2px);padding:clamp(var(--space-5), 4vw, var(--space-7))}.contact-card--form{border-color:color-mix(in oklch, var(--color-accent-cyan) 16%, var(--surface-strong-border));background:linear-gradient(155deg, color-mix(in oklch, var(--color-accent-cyan) 5%, transparent), transparent 50%), var(--surface-glass-tint)}.contact-card--details{align-content:start;gap:var(--space-4);border-color:color-mix(in oklch, var(--color-accent-purple) 14%, var(--surface-strong-border));background:linear-gradient(155deg, color-mix(in oklch, var(--color-accent-purple) 5%, transparent), transparent 50%), var(--surface-glass-tint);display:grid}.contact-card h2{margin-top:0;margin-bottom:var(--space-2);font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.35rem,2.5vw,1.8rem)}.contact-card__intro{margin-top:0;margin-bottom:var(--space-5);color:var(--color-text-secondary);line-height:1.55}.contact-form{gap:var(--space-1);display:grid}.contact-form .form-row{margin-bottom:0}.contact-form .form-group{margin-bottom:var(--space-3)}.contact-form .form-check{margin-top:var(--space-1);margin-bottom:var(--space-1)}.contact-form .form-input{background-color:var(--surface-navy-strong);border-color:var(--color-border-faint)}.contact-form .form-input:hover{border-color:var(--color-border-subtle);background-color:color-mix(in oklch, var(--color-bg-raised) 88%, transparent)}.contact-form .form-input:focus,.contact-form .form-input:focus-visible{background-color:color-mix(in oklch, var(--color-bg-raised) 92%, transparent);box-shadow:var(--focus-ring), 0 0 20px color-mix(in oklch, var(--color-accent-cyan) 4%, transparent)}.contact-form textarea.form-input{min-height:140px}.contact-form select.form-input{cursor:pointer}.contact-form__legal{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.contact-form__legal a{color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:var(--alpha-white-15);text-underline-offset:2px;transition:color var(--duration-fast), text-decoration-color var(--duration-fast)}.contact-form__legal a:hover{color:var(--color-text);text-decoration-color:var(--alpha-white-40)}.contact-form__honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form .btn--primary{margin-top:var(--space-2);animation:2.4s ease-out .8s both contact-btn-glow}@keyframes contact-btn-glow{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--color-accent-cyan) 0%, transparent)}30%{box-shadow:0 0 16px 3px color-mix(in oklch, var(--color-accent-cyan) 18%, transparent)}to{box-shadow:0 0 0 0 color-mix(in oklch, var(--color-accent-cyan) 0%, transparent)}}.contact-card__email{margin:calc(var(--space-2) * -1) 0 var(--space-2);font-size:var(--text-lg)}.contact-card__email a{color:var(--color-accent-cyan);transition:color var(--duration-fast), text-shadow var(--duration-fast);text-decoration:none}.contact-card__email a:hover{text-underline-offset:3px;text-shadow:0 0 18px color-mix(in oklch, var(--color-accent-cyan) 15%, transparent);text-decoration:underline}.contact-points{gap:var(--space-3);display:grid}.contact-point{--_point-accent:var(--color-accent-cyan);border:1px solid color-mix(in oklch, var(--_point-accent) 14%, var(--color-border-faint));border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:linear-gradient(145deg, color-mix(in oklch, var(--_point-accent) 6%, transparent), transparent 50%), color-mix(in oklch, var(--color-bg-raised) 62%, transparent);transition:border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast), transform var(--duration-fast)}.contact-point:first-child{--_point-accent:var(--color-accent-cyan)}.contact-point:nth-child(2){--_point-accent:var(--color-accent-purple)}.contact-point:nth-child(3){--_point-accent:var(--color-accent-orange)}.contact-point:hover{border-color:color-mix(in oklch, var(--_point-accent) 24%, var(--color-border-subtle));background:linear-gradient(145deg, color-mix(in oklch, var(--_point-accent) 10%, transparent), transparent 50%), color-mix(in oklch, var(--color-bg-raised) 72%, transparent);box-shadow:0 4px 16px color-mix(in oklch, var(--_point-accent) 6%, transparent);transform:translateY(-1px)}.contact-point h3{margin:0 0 var(--space-1);align-items:center;gap:var(--space-2);font-size:var(--text-base);color:color-mix(in oklch, var(--_point-accent) 80%, var(--color-text));display:inline-flex}.contact-point h3 svg{opacity:.7;color:var(--_point-accent);transition:opacity var(--duration-fast)}.contact-point:hover h3 svg{opacity:1}.contact-point p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.55}.contact-social{border-top:1px solid var(--color-border-faint);padding-top:var(--space-3)}.contact-social__title{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-medium)}.contact-social__links{gap:var(--space-2);flex-wrap:wrap;display:flex}.contact-social__link{border:1px solid var(--color-border-faint);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);background:color-mix(in oklch, var(--color-bg-raised) 62%, transparent);transition:border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast);align-items:center;gap:.45rem;padding:.5rem .85rem;text-decoration:none;display:inline-flex}.contact-social__link:hover{border-color:var(--color-border-subtle);background:color-mix(in oklch, var(--color-bg-raised) 82%, transparent);color:var(--color-text);box-shadow:0 2px 8px color-mix(in oklch, var(--color-accent-cyan) 4%, transparent)}@media (width<=900px){.contact-body__grid{grid-template-columns:1fr}.contact-card--details{order:-1}}@media (width<=640px){.contact-card{padding:var(--space-4)}.contact-point:hover{transform:none}}}