:root {
    --bg: #f5efe4;
    --bg-2: #fbf8f2;
    --paper: #fffdf9;
    --ink: #20272b;
    --muted: #66727a;
    --line: rgba(32, 39, 43, 0.1);
    --line-strong: rgba(32, 39, 43, 0.18);
    --dark: #21292e;
    --gold: #c98a2d;
    --gold-deep: #a96d16;
    --shadow: 0 16px 36px rgba(32, 39, 43, 0.08);
    --max: 1500px;
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(201, 138, 45, 0.08), transparent 22%),
        linear-gradient(180deg, #f8f3ea, #f4eee4 42%, #fbf8f2);
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
}
button {
    font: inherit;
}
main[id],
section[id],
article[id] {
    scroll-margin-top: 96px;
}
.wrap {
    width: min(var(--max), calc(100% - 32px));
    margin: 0 auto;
}
.section {
    padding: 68px 0;
}
.section + .section {
    padding-top: 82px;
}
.eyebrow {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid rgba(201, 138, 45, 0.24);
    background: rgba(201, 138, 45, 0.08);
    color: var(--gold-deep);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 22px;
    border: 1px solid transparent;
    font-weight: 700;
    transition: 0.24s ease;
    cursor: pointer;
}
.btn:hover {
    transform: translateY(-2px);
}
.btn:disabled {
    cursor: not-allowed;
    opacity: 0.68;
    transform: none;
}
.btn-primary {
    background: linear-gradient(135deg, var(--gold), var(--gold-deep));
    color: #fff;
    box-shadow: 0 12px 24px rgba(169, 109, 22, 0.22);
}
.btn-ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}
.btn-light {
    background: #fff;
    border-color: var(--line);
}
h1,
h2 {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.12;
    text-transform: none;
}
h1 {
    font-size: clamp(1.72rem, 3vw, 2.95rem);
    max-width: 24ch;
    margin-top: 18px;
}
h2 {
    font-size: clamp(1.28rem, 2.15vw, 1.95rem);
    max-width: 30ch;
}
h3 {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.22;
}
p {
    line-height: 1.74;
}
.topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(248, 243, 234, 0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(32, 39, 43, 0.06);
}
.nav {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 14px 0;
}
.brand {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 12px;
    background: #20272b;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.brand-logo {
    display: block;
    width: 190px;
    max-width: 42vw;
    max-height: 48px;
    object-fit: contain;
}

.thanks-page{min-height:100vh;background:linear-gradient(135deg,#f8f3ea 0%,#fffdf9 42%,#eef3f5 100%)}.thanks-header{padding:18px 0}.thanks-nav{display:flex;align-items:center;justify-content:space-between;gap:18px}.thanks-main{display:grid;align-items:center;min-height:calc(100vh - 100px);padding:34px 0 72px}.thanks-panel{padding:58px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);max-width:920px}.thanks-panel h1{max-width:18ch;font-size:clamp(2rem,4vw,3.25rem)}.thanks-panel p{max-width:68ch;margin:22px 0 0;color:var(--muted)}.thanks-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.thanks-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.thanks-points div{padding:16px;background:#f8f3ea;border:1px solid var(--line)}.thanks-points strong,.thanks-points span{display:block}.thanks-points span{margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.58}
    @media (max-width:760px){.thanks-header{padding:12px 0}.thanks-nav{align-items:center}.thanks-nav .btn{min-height:42px;padding:0 12px;font-size:.84rem}.thanks-main{min-height:auto;padding:26px 0 44px}.thanks-panel{padding:28px 20px}.thanks-panel h1{font-size:clamp(1.72rem,8vw,2.35rem);max-width:none}.thanks-actions{display:grid;grid-template-columns:1fr;gap:10px}.thanks-actions .btn{width:100%}.thanks-points{grid-template-columns:1fr;gap:10px;margin-top:26px}.thanks-points div{padding:14px}}
    .nav,.links{min-width:0}
    @media (max-width:760px){.links{max-width:100%}.quality-showcase{width:auto;margin-left:0;margin-right:0}}
    .modal-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,22,29,.68);backdrop-filter:blur(6px)}.modal-overlay.is-open{display:flex}.modal-panel{position:relative;width:min(720px,100%);max-height:min(92vh,860px);overflow:auto;padding:34px;background:#fffdf9;border:1px solid rgba(255,255,255,.32);box-shadow:0 30px 70px rgba(15,22,29,.32);color:var(--ink)}.modal-panel h2{max-width:none}.modal-panel p{margin:12px 0 0;color:var(--muted);line-height:1.68}.modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.55rem;line-height:1;cursor:pointer}.modal-form{margin-top:20px}.modal-form .field label{color:var(--ink)}.modal-form input,.modal-form textarea,.modal-form select{background:#eceaea;color:#2b3135;border:none}.modal-form input::placeholder,.modal-form textarea::placeholder{color:#7a848b}.modal-form textarea{min-height:126px}.modal-form .upload{background:#f2f0ee}
    body.modal-open{overflow:hidden}
    @media (max-width:760px){.modal-overlay{align-items:flex-end;padding:12px}.modal-panel{max-height:88vh;padding:26px 18px}.modal-close{right:12px;top:12px}.modal-form input,.modal-form textarea,.modal-form select{font-size:16px}.modal-form .btn{width:100%}}