.contact-page{background:#f8fafc;color:#0f172a}.contact-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.contact-hero{position:relative;overflow:hidden;padding:68px 0 50px;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 52%,#f5f3ff 100%);border-bottom:1px solid #e2e8f0}.contact-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent)}.contact-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:36px;align-items:end}.contact-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #ddd6fe;color:#6d28d9;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 30px rgba(76,29,149,.08)}.contact-title{margin:18px 0 0;font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.03;letter-spacing:-.045em;font-weight:850}.contact-lead{margin:20px 0 0;max-width:720px;color:#475569;font-size:1.08rem;line-height:1.75}.contact-hero-note{padding:22px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(203,213,225,.8);box-shadow:0 18px 55px rgba(15,23,42,.08);backdrop-filter:blur(14px)}.contact-note-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ede9fe;color:#6d28d9}.contact-hero-note strong{display:block;margin-top:14px;font-size:16px}.contact-hero-note p{margin:7px 0 0;color:#64748b;font-size:14px;line-height:1.6}.contact-main{padding:66px 0 82px}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:34px;align-items:start}.contact-side-head h2{margin:0;font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.035em}.contact-side-head p{margin:12px 0 0;color:#64748b;line-height:1.7}.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.contact-card{min-height:142px;padding:21px;border-radius:22px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 32px rgba(15,23,42,.045);transition:.2s ease}.contact-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,23,42,.08)}.contact-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#eef2ff;color:#4f46e5}.contact-card h3{margin:16px 0 0;font-size:14px}.contact-card a,.contact-card p{display:block;margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.contact-social{margin-top:16px;padding:22px;border-radius:24px;border:1px solid #e2e8f0;background:#fff}.contact-social-top{display:flex;gap:14px;align-items:flex-start}.contact-social h3{margin:0;font-size:15px}.contact-social p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.6}.contact-social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.contact-social-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:750;transition:.2s ease}.contact-social-links a:hover{transform:translateY(-2px);opacity:.9}.contact-form-card{padding:30px;border-radius:28px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 22px 65px rgba(15,23,42,.085)}.contact-form-head{margin-bottom:24px}.contact-form-head span{font-size:12px;font-weight:800;color:#6d28d9;text-transform:uppercase;letter-spacing:.08em}.contact-form-head h2{margin:8px 0 0;font-size:1.65rem;letter-spacing:-.025em}.contact-alert{margin-bottom:18px;padding:13px 15px;border-radius:14px;font-size:14px}.contact-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.contact-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.contact-field.full{grid-column:1/-1}.contact-field label{display:block;margin-bottom:8px;color:#334155;font-size:13px;font-weight:700}.contact-field input,.contact-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:15px;background:#fff;padding:12px 14px;color:#0f172a;outline:none;transition:.18s ease}.contact-field input:focus,.contact-field textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12)}.contact-submit{grid-column:1/-1;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 18px;border:0;border-radius:15px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 30px rgba(79,70,229,.22);transition:.2s ease}.contact-submit:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(79,70,229,.28)}.contact-disabled{padding:16px;border-radius:15px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:14px}@media(max-width:960px){.contact-hero-inner,.contact-grid{grid-template-columns:1fr}.contact-hero-note{max-width:620px}.contact-grid{gap:28px}}@media(max-width:640px){.contact-wrap{width:min(100% - 22px,1180px)}.contact-hero{padding:44px 0 38px}.contact-title{font-size:clamp(2.05rem,11vw,3rem)}.contact-lead{font-size:1rem}.contact-main{padding:46px 0 58px}.contact-cards,.contact-form{grid-template-columns:1fr}.contact-field.full,.contact-submit{grid-column:auto}.contact-form-card{padding:21px;border-radius:22px}.contact-card{min-height:auto}.contact-hero-note{padding:18px}}

/* UI Polish 04 */
.contact-hero { padding-top: 48px !important; padding-bottom: 44px !important; }
.contact-section { padding-top: 52px !important; padding-bottom: 64px !important; }
.contact-card, .contact-form-card { border-radius: 24px !important; box-shadow: 0 16px 45px rgba(15,23,42,.07) !important; }
.contact-btn { min-height: 50px !important; border-radius: 16px !important; transition: transform .2s ease, box-shadow .2s ease !important; }
.contact-btn:hover { transform: translateY(-2px); }
@media (max-width: 768px) {
  .contact-hero { padding-top: 36px !important; padding-bottom: 34px !important; }
  .contact-section { padding-top: 40px !important; padding-bottom: 50px !important; }
}