.contact-page{isolation:isolate;background:radial-gradient(circle at 80% 10%,#0f62fe17,#0000 22%),radial-gradient(circle at 18% 14%,#d7990614,#0000 18%),linear-gradient(#fff 0%,#f8faff 100%);position:relative;overflow:hidden}.contact-page:before,.contact-page:after{content:"";border-radius:var(--radius-full);pointer-events:none;z-index:-1;position:absolute}.contact-page:before{background:radial-gradient(circle,#0f62fe14 0%,#0000 70%);width:26rem;height:26rem;top:8rem;right:-10rem}.contact-page:after{background:radial-gradient(circle,#d799060f 0%,#0000 72%);width:24rem;height:24rem;bottom:6rem;left:-10rem}.contact-hero{padding:var(--space-5xl) var(--space-xl) var(--space-3xl);background:radial-gradient(circle at 22% 22%, #0f62fe1f, transparent 26%), radial-gradient(circle at 85% 10%, #12b5cb1f, transparent 25%), linear-gradient(135deg, var(--bg-primary) 0%, var(--neutral-100) 100%);color:var(--text-primary);text-align:center;border-bottom:1px solid var(--neutral-200);position:relative;overflow:hidden}.contact-hero:before{content:"";border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;right:-10%}.contact-hero-content{max-width:var(--container-lg);z-index:1;padding:0 var(--space-lg);margin:0 auto;position:relative}.contact-title{font-size:var(--text-4xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--primary-900) 0%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;font-weight:var(--font-weight-extrabold);-webkit-background-clip:text;background-clip:text}.contact-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto}.contact-methods{padding:var(--space-4xl) var(--space-xl);background:var(--bg-primary)}.contact-methods-wrapper{max-width:var(--container-xl);padding:0 var(--space-lg);margin:0 auto}.methods-grid{gap:var(--space-2xl);margin-bottom:var(--space-4xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.method-card{padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);-webkit-backdrop-filter:blur(18px)saturate(155%);background:linear-gradient(#ffffffe6,#f8faffc2);border:1px solid #ffffff6b;position:relative;box-shadow:0 16px 36px #0f172a14,inset 0 1px #ffffffd1}.method-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-full);transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.method-card:hover:before{transform:scaleX(1)}.method-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);background:linear-gradient(135deg, var(--bg-primary) 0%, var(--neutral-100) 100%);transform:translateY(-8px)}.method-icon{font-size:var(--text-3xl);margin-bottom:var(--space-lg);border-radius:var(--radius-lg);width:64px;height:64px;transition:all var(--transition-base);background:linear-gradient(135deg,#0066ff1a,#00d4ff1a);justify-content:center;align-items:center;display:flex}.method-card:hover .method-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:var(--text-inverse);transform:scale(1.1)}.method-label{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-lg)}.method-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.method-link{margin-top:var(--space-lg);color:var(--accent-primary);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);display:inline-block;position:relative}.method-link:after{content:"→";margin-left:var(--space-sm);transition:margin-left var(--transition-base)}.method-link:hover:after{margin-left:var(--space-lg)}.contact-form-section{padding:var(--space-5xl) var(--space-xl);background:linear-gradient(135deg, var(--neutral-100) 0%, var(--bg-primary) 100%);border-top:1px solid var(--neutral-200)}.contact-form-wrapper{max-width:var(--container-xl);padding:0 var(--space-lg);margin:0 auto}.contact-two-col{gap:var(--space-4xl);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.form-header{margin-bottom:var(--space-2xl)}.form-header h2{margin-bottom:var(--space-md);font-size:var(--text-2xl)}.form-header p{color:var(--text-secondary);font-size:var(--text-base)}.contact-form-container{padding:var(--space-3xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(155%);background:linear-gradient(#ffffffe6,#f8faffc2);border:1px solid #ffffff6b;box-shadow:0 18px 40px #0f172a14,inset 0 1px #ffffffd1}body[data-theme=dark] .contact-form-container{background:linear-gradient(#1e293be6,#0f172ac2);border-color:#ffffff1a;box-shadow:0 18px 40px #0003}.contact-form{gap:var(--space-xl);flex-direction:column;display:flex}.form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.form-row-full{grid-column:1/-1}.form-field{flex-direction:column;display:flex}.form-actions{align-items:center;gap:var(--space-xl);margin-top:var(--space-md);display:flex}.form-secure-note{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium);display:flex}body[data-theme=dark] .form-secure-note{color:#b4c2df8c}.form-status{padding:var(--space-xl);border-radius:var(--radius-lg);margin-top:var(--space-xl)}.form-status.success{align-items:flex-start;gap:var(--space-md);background:#10b98114;border:1px solid #10b98133;display:flex}.form-status.success svg{color:#10b981;flex-shrink:0;margin-top:.1em}.form-status.success strong{color:#059669;font-size:var(--text-base);margin-bottom:var(--space-xs);display:block}.form-status.success p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}body[data-theme=dark] .form-status.success{background:#10b9811f}body[data-theme=dark] .form-status.success strong{color:#34d399}body[data-theme=dark] .form-status.success p{color:#b4c2df}.form-status.error{color:#b91c1c;text-align:center;font-size:var(--text-sm);font-weight:var(--font-weight-medium);background:#ef44441a;border:1px solid #ef444433}body[data-theme=dark] .form-status.error{color:#f87171}.contact-sidebar{gap:var(--space-xl);flex-direction:column;display:flex}.sidebar-panel{padding:var(--space-2xl)}.sidebar-icon{color:var(--accent-primary);margin-bottom:var(--space-md)}.sidebar-panel h3{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.sidebar-list{gap:var(--space-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-list li{flex-direction:column;gap:2px;display:flex}.sidebar-list strong{font-size:var(--text-sm);color:var(--text-primary)}.sidebar-list span{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}body[data-theme=dark] .sidebar-list strong{color:#ecf2ff}body[data-theme=dark] .sidebar-list span{color:#b4c2df}.sidebar-panel--alt{border:1px dashed var(--neutral-300);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.sidebar-panel--alt p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}body[data-theme=dark] .sidebar-panel--alt{border-color:#8d9ab83d}body[data-theme=dark] .sidebar-panel--alt p{color:#b4c2df}@media (max-width:900px){.contact-two-col{gap:var(--space-2xl);grid-template-columns:1fr}.contact-sidebar{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:768px){.contact-hero{padding:var(--space-3xl) var(--space-lg) var(--space-2xl)}.contact-title{font-size:var(--text-2xl)}.methods-grid{grid-template-columns:1fr}.method-card{padding:var(--space-lg)}.method-icon{width:48px;height:48px;font-size:var(--text-2xl);margin-bottom:var(--space-md)}.method-label{margin-bottom:var(--space-sm)}.contact-two-col{gap:var(--space-xl)}.contact-form-section{padding:var(--space-3xl) var(--space-lg)}.contact-form-container{padding:var(--space-xl)}.form-row{gap:var(--space-lg);grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}}@media (max-width:600px){.contact-sidebar{grid-template-columns:1fr}}