:root{--primary: #a78bfa;--primary-dark: #7c3aed;--primary-light: #c4b5fd;--secondary: #38bdf8;--accent: #fb923c;--green: #34d399;--bg: #0d0d1a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--gradient: linear-gradient(135deg, #a78bfa, #38bdf8);--shadow: 0 8px 32px rgba(167, 139, 250, .2);--radius: 20px}.contact-section{background:linear-gradient(180deg,transparent 0%,rgba(var(--secondary),.03) 50%,transparent 100%)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start;opacity:0;transform:translateY(30px);transition:opacity .7s ease 0s,transform .7s ease 0s}.contact-grid.visible{opacity:1;transform:translateY(0)}.contact-intro{margin-bottom:28px}.contact-intro-title{font-size:1.3rem;font-weight:800;color:var(--text);margin-bottom:12px;line-height:1.3}.contact-intro-text{font-size:.92rem;color:var(--text-muted);line-height:1.75}.contact-intro-text strong{color:var(--primary-light)}.contact-items{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.contact-item{display:flex;align-items:center;gap:14px;padding:13px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:.3s cubic-bezier(.4,0,.2,1)}.contact-item:hover{background:var(--bg-card-hover);border-color:rgba(var(--primary),.4);transform:translate(4px);box-shadow:0 4px 20px rgba(var(--primary),.1),-3px 0 rgba(var(--primary),.5)}.contact-item-icon{font-size:1.3rem;width:34px;text-align:center;flex-shrink:0}.contact-item-body{display:flex;flex-direction:column;gap:1px}.contact-item-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}.contact-item-value{font-size:.88rem;font-weight:600;color:var(--text)}.contact-item-value.link{color:var(--primary-light);transition:.3s cubic-bezier(.4,0,.2,1)}.contact-item-value.link:hover{color:var(--primary)}.availability-card{display:flex;align-items:center;gap:14px;padding:15px 20px;background:rgba(var(--green),.08);border:1px solid rgba(var(--green),.25);border-radius:12px}.avail-dot{width:10px;height:10px;background:var(--green);border-radius:50%;flex-shrink:0;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 3px rgba(var(--green),.2)}.avail-title{font-size:.9rem;font-weight:700;color:var(--green)}.avail-sub{font-size:.78rem;color:var(--text-muted)}.contact-form-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:34px;transition:border-color .3s ease,box-shadow .3s ease}.contact-form-col:focus-within{border-color:rgba(var(--primary),.3);box-shadow:0 0 40px rgba(var(--primary),.06)}.contact-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:11px 14px;color:var(--text);font-size:.9rem;font-family:Inter,sans-serif;transition:.3s cubic-bezier(.4,0,.2,1);outline:none;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(var(--text-muted),.5)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:rgba(var(--primary),.06);box-shadow:0 0 0 3px rgba(var(--primary),.18),0 0 20px rgba(var(--primary),.1)}.form-success{padding:12px 16px;background:rgba(var(--green),.1);border:1px solid rgba(var(--green),.3);border-radius:8px;font-size:.88rem;color:var(--green);font-weight:600}.form-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.88rem;color:#ef4444;font-weight:600}.form-submit{width:100%;justify-content:center;padding:14px;font-size:1rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.contact-form-col{padding:20px 16px}.contact-intro-title{font-size:1.1rem}}