:root{
--bg:#fff;--alt:#f5f2f8;--dark:#09060f;--purple:#3f1767;--purple2:#24103d;
--gold:#d4af37;--text:#29242e;--muted:#655d6b;--border:#ddd5e3;--max:1180px;
}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}
header{background:var(--dark);padding:22px max(20px,calc((100% - var(--max))/2));border-bottom:1px solid rgba(212,175,55,.35)}
.brand{color:#fff;text-decoration:none;font-size:1.35rem;font-weight:700}
.hero{padding:82px max(20px,calc((100% - var(--max))/2));background:linear-gradient(120deg,#09060f,#24103d);color:#fff}
.eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.18em;margin:0 0 10px}
h1{font-size:clamp(2.8rem,7vw,5rem);line-height:1;margin:0 0 22px} .hero p:last-child{max-width:800px;color:#d7d0dc;font-size:1.1rem}
.contact-wrap{max-width:var(--max);margin:auto;padding:78px 20px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}
.intro h2{font-size:2.15rem;color:var(--purple2);margin:0 0 18px}.intro>p:not(.eyebrow){color:var(--muted)}
.topics{margin-top:36px}.topics div{padding:18px 0;border-top:1px solid var(--border);display:grid;gap:4px}.topics div:last-child{border-bottom:1px solid var(--border)}.topics strong{color:var(--purple2)}.topics span{font-size:.92rem;color:var(--muted)}
form{background:#fff;padding:34px;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 45px rgba(35,15,55,.18)}
label{display:block;margin:0 0 7px;color:var(--purple2);font-weight:700}input,textarea{width:100%;padding:13px 14px;margin:0 0 20px;border:1px solid var(--border);border-radius:8px;font:inherit}input:focus,textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(63,23,103,.1)}
textarea{resize:vertical}button{width:100%;padding:14px;border:0;border-radius:8px;background:var(--purple);color:#fff;font:inherit;font-weight:800;cursor:pointer}button:hover{background:var(--purple2)}
small{display:block;text-align:center;color:var(--muted);margin-top:13px}.honey{position:absolute!important;left:-9999px!important;opacity:0!important}
footer{background:var(--dark);color:#c7bed0;padding:26px max(20px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer strong{color:#fff}
@media(max-width:800px){.contact-wrap{grid-template-columns:1fr;gap:40px}.hero{padding-top:58px;padding-bottom:58px}}
footer .trademark-notice { flex-basis: 100%; margin: 0; font-size: .78rem; line-height: 1.6; }