.contact-hero{background:radial-gradient(circle at 82% 28%,rgba(217,70,239,.25),transparent 27%),linear-gradient(135deg,#120920,#25103c 58%,#42155b);color:#fff;padding-bottom:66px}
.contact-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:56px 0 18px}.contact-hero h1{font-size:57px;line-height:1.01;margin:14px 0 18px}.contact-hero p{font-size:18px;line-height:1.65;color:#d8cde2;max-width:720px}
.contact-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:18px;padding:18px}.contact-chip b{display:block;color:#e7b5ff;font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}.contact-chip a,.contact-chip span{color:#fff;text-decoration:none;font-weight:750;font-size:14px}
.contact-main{padding:86px 0;background:#fff}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:start}.contact-form-card{border:1px solid #eadff0;border-radius:28px;padding:34px;background:#fff;box-shadow:0 22px 55px rgba(53,28,70,.07)}.contact-form-card h2{font-size:36px;margin:0 0 8px}.contact-form-card>p{color:#786a80;margin:0 0 24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:850;color:#4c3b55}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;border:1px solid #dfd2e5;border-radius:13px;padding:13px 14px;font:inherit;background:#fff;color:#33233d;outline:none}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a144cb;box-shadow:0 0 0 3px rgba(161,68,203,.09)}
.meta-box{display:none;margin:6px 0 4px;border-radius:13px;padding:12px 14px;background:#f5ecf9;color:#654874;font-size:13px}.meta-box b{color:#8f38bd}.form-status{display:none;margin-top:18px;border-radius:16px;padding:18px}.form-status.ok{display:block;background:#eef9f1;color:#295c39}.form-status.err{display:block;background:#fff0f0;color:#7b2e2e}.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.privacy-note{font-size:12px;color:#8c7d93;line-height:1.45}
.side-card{border-radius:26px;padding:30px;background:#f7f2fa;border:1px solid #eadff0}.side-card h3{font-size:28px;margin:0 0 14px}.side-card ul{padding-left:20px;color:#695974;line-height:1.7}.quick-links{display:grid;gap:11px;margin-top:22px}.quick-link{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e8dbea;text-decoration:none;color:#4b3756;font-weight:800}.quick-link span{color:#9c3dca}
.hosting-contact{padding:0 0 88px;background:#fff}.hosting-contact-card{border-radius:28px;padding:36px 42px;background:linear-gradient(120deg,#170a29,#42165d);color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.hosting-contact-card h2{font-size:32px;margin:4px 0 10px}.hosting-contact-card p{color:#d9cde2;max-width:780px}.off{font-size:42px;font-weight:900;background:linear-gradient(90deg,#b66cff,#f15bd7);-webkit-background-clip:text;color:transparent}
@media(max-width:900px){.contact-hero-grid,.contact-layout{grid-template-columns:1fr}.contact-hero h1{font-size:44px}.hosting-contact-card{grid-template-columns:1fr}}
@media(max-width:560px){.contact-hero h1{font-size:38px}.contact-mini,.form-grid{grid-template-columns:1fr}.hosting-contact-card{padding:28px 24px}}