:root{--contact-color-bg-dark:#0a0a0f;--contact-color-bg-card:#1e293b66;--contact-color-bg-input:#0f172a99;--contact-color-purple-400:#a78bfa;--contact-color-purple-500:#8b5cf6;--contact-color-pink-500:#ec4899;--contact-color-cyan-400:#22d3ee;--contact-color-slate-400:#94a3b8;--contact-color-slate-500:#64748b;--contact-color-slate-600:#475569;--contact-color-border:#4755694d;--contact-color-border-input:#47556980;--contact-color-success:#22c55e;--contact-color-error:#ef4444;--contact-color-error-light:#f87171;--contact-gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);--contact-gradient-blue:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);--contact-gradient-green:linear-gradient(135deg,#22c55e 0%,#10b981 100%);--contact-transition-smooth:cubic-bezier(.4,0,.2,1);--contact-shadow-glow:0 10px 30px #8b5cf666}.contact-hero{background:var(--contact-color-bg-dark);justify-content:center;align-items:center;min-height:50vh;padding-top:6rem;display:flex;position:relative;overflow:hidden}.contact-hero-bg{background:radial-gradient(80% 50% at 50% -20%,#8b5cf640 0%,#0000 50%),radial-gradient(60% 40% at 80%,#ec489926 0%,#0000 40%),radial-gradient(60% 40% at 20% 80%,#22d3ee1a 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}.contact-hero-grid{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:50px 50px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 50%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 50%,#000 40%,#0000 100%)}.contact-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;display:inline-flex}.contact-badge-text{color:#c4b5fd;font-size:.875rem;font-weight:600}.contact-title{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.contact-subtitle{color:var(--contact-color-slate-400);max-width:40rem;margin:0 auto;font-size:1.25rem;line-height:1.7}.contact-content{background:linear-gradient(180deg,var(--contact-color-bg-dark)0%,#0f172a 50%,var(--contact-color-bg-dark)100%);padding:4rem 1rem 6rem}.contact-container{max-width:72rem;margin:0 auto}.contact-grid{grid-template-columns:1fr 2fr;gap:2rem;display:grid}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr}}.contact-info-cards{flex-direction:column;gap:1.5rem;display:flex}.contact-info-card{background:var(--contact-color-bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid var(--contact-color-border);text-align:center;transition:all .3s var(--contact-transition-smooth);border-radius:1rem;padding:1.5rem}.contact-info-card:hover{border-color:#8b5cf666;transform:translateY(-4px)}.contact-info-icon{border-radius:.75rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:flex}.contact-info-icon svg{color:#fff;width:1.5rem;height:1.5rem}.contact-info-icon--purple{background:var(--contact-gradient-primary)}.contact-info-icon--blue{background:var(--contact-gradient-blue)}.contact-info-icon--green{background:var(--contact-gradient-green)}.contact-info-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.contact-info-text{color:var(--contact-color-slate-400);font-size:.875rem}.contact-form-card{background:var(--contact-color-bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid var(--contact-color-border);border-radius:1.5rem;padding:2rem}.contact-form-group{margin-bottom:1.5rem}.contact-form-label{color:#fff;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.contact-form-label svg{width:1rem;height:1rem;color:var(--contact-color-purple-400)}.contact-form-input,.contact-form-textarea{background:var(--contact-color-bg-input);border:1px solid var(--contact-color-border-input);color:#fff;width:100%;transition:all .3s var(--contact-transition-smooth);border-radius:.75rem;padding:.875rem 1rem;font-size:1rem}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:var(--contact-color-slate-500)}.contact-form-input:focus,.contact-form-textarea:focus{border-color:var(--contact-color-purple-500);outline:none;box-shadow:0 0 0 3px #8b5cf626}.contact-form-textarea{resize:none;min-height:150px}.contact-form-error{color:var(--contact-color-error-light);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.875rem;display:flex}.contact-form-error svg{width:1rem;height:1rem}.contact-form-button{background:var(--contact-gradient-primary);color:#fff;cursor:pointer;width:100%;transition:all .3s var(--contact-transition-smooth);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex}.contact-form-button:hover{box-shadow:var(--contact-shadow-glow);transform:translateY(-2px)}.contact-form-button svg{width:1.25rem;height:1.25rem;transition:transform .3s var(--contact-transition-smooth)}.contact-form-button:hover svg{transform:translate(4px)}html[dir=rtl] .contact-form-button:hover svg{transform:translate(-4px)}.contact-alert{border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.contact-alert--success{background:#22c55e1a;border:1px solid #22c55e4d}.contact-alert--error{background:#ef44441a;border:1px solid #ef44444d}.contact-alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.contact-alert--success .contact-alert-icon{background:#22c55e33}.contact-alert--error .contact-alert-icon{background:#ef444433}.contact-alert-icon svg{width:1.25rem;height:1.25rem}.contact-alert--success .contact-alert-icon svg{color:var(--contact-color-success)}.contact-alert--error .contact-alert-icon svg{color:var(--contact-color-error)}.contact-alert-text{font-weight:500}.contact-alert--success .contact-alert-text{color:var(--contact-color-success)}.contact-alert--error .contact-alert-text{color:var(--contact-color-error)}.contact-reveal{opacity:0;transition:opacity .6s var(--contact-transition-smooth),transform .6s var(--contact-transition-smooth);transform:translateY(20px)}.contact-reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.contact-reveal{opacity:1;transition:none;transform:none}}