@charset "UTF-8";
:root{color-scheme:dark;--gold:#c9a84c;--gold-light:#e0c77b;--ink:#090909;--text:#f5f3ee;--muted:#aaa69c;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{min-width:280px;min-height:100%;background:var(--ink)}
body{margin:0;min-height:100svh;color:var(--text);background:radial-gradient(ellipse 620px 470px at 50% -180px,rgba(201,168,76,.20),transparent 100%),radial-gradient(ellipse 700px 700px at 50% 80%,rgba(201,168,76,.025),transparent 80%)}
body::before{content:"";position:fixed;inset:0 auto auto 50%;width:min(540px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold),transparent);pointer-events:none}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}
.page{width:min(100% - 40px,540px);margin:0 auto;padding:43px 0 25px}
.brand{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;min-height:44px}
.partner{font-size:clamp(1.125rem,5.6vw,1.875rem);font-weight:700;letter-spacing:.16em}
.brand-cross{font-size:clamp(1rem,3.8vw,1.5rem);color:#716b5c;font-weight:400}
.wordmark{color:var(--gold);font-size:clamp(1.25rem,6.2vw,2.125rem);font-weight:500;letter-spacing:.18em}
.offer{padding:24px 0;text-align:center}
h1{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;font-weight:500}
.amount{color:var(--gold-light);font-size:6.125rem;line-height:.9;letter-spacing:-.075em;font-weight:500}
.percent{font-size:1em;letter-spacing:-.04em;margin-left:5px;vertical-align:baseline}
.offer-label{text-align:left;font-size:1.3125rem;line-height:1.35;letter-spacing:-.025em}
.offer-detail{margin:12px 0 0;color:var(--muted);font-size:1rem;line-height:1.55}
.platforms{display:grid;gap:14px}
.platform{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:151px;padding:26px 27px;border:1px solid #393326;border-radius:14px;background:linear-gradient(110deg,#191711,#11110f 78%);overflow:hidden;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.platform::before{content:"";position:absolute;inset:22px auto 22px 0;width:2px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.8}
.platform-machinery{background:linear-gradient(110deg,#141412,#0e0e0d 78%);border-color:#302e27}
.platform-content{min-width:0}
.platform-brand{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.platform-wordmark{color:var(--gold-light);font-size:1.3125rem;font-weight:500;letter-spacing:.13em}
.platform-category{font-size:.75rem;font-weight:600;letter-spacing:.14em;color:#d4d0c5}
.platform-description{margin:12px 0 0;font-size:1rem;line-height:1.45;color:#ece9e1}
.platform-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:43px;height:43px;border:1px solid #55482a;background:rgba(201,168,76,.05);border-radius:50%;color:var(--gold-light);transition:transform .2s ease,background-color .2s ease}
@media(hover:hover){.platform:hover{border-color:#8a7235;transform:translateY(-2px)}.platform:hover .platform-arrow{background:rgba(201,168,76,.13);transform:translateX(2px)}.copy-code:hover{border-color:#a88a3c;background:#292316}}
.coupon{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:25px;padding:12px 14px;border:1px solid #393326;border-radius:12px;background:#11110e}
.coupon-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.875rem;line-height:1.5}
.coupon-discount{color:var(--gold-light);font-weight:600}
.copy-code{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:47px;padding:10px 14px;color:var(--gold-light);background:#18160f;border:1px dashed #60502e;border-radius:7px;transition:border-color .2s ease,background-color .2s ease}
.coupon-code{letter-spacing:.14em;font-size:1rem;font-weight:600}
.copy-icon{display:inline-flex}
.copy-hint{font-size:.75rem;color:#bcb4a1}
.copy-status{margin:0;text-align:right;font-size:.875rem;color:var(--gold-light);line-height:1.5}
.copy-status:not(:empty){margin-top:8px}
.telegram{display:flex;align-items:center;gap:14px;min-height:78px;margin-top:20px;padding:16px 20px;border:1px solid #302e27;border-radius:12px;background:#10100e;transition:border-color .2s ease,background-color .2s ease}
.telegram-icon{display:inline-flex;flex:0 0 auto;color:var(--gold-light)}
.telegram-content{display:grid;gap:5px;min-width:0}
.telegram-title{font-size:.9375rem;font-weight:600;line-height:1.4}
.telegram-description{color:var(--muted);font-size:.8125rem;line-height:1.4}
.telegram-arrow{display:inline-flex;flex:0 0 auto;margin-left:auto;color:var(--gold-light)}
@media(hover:hover){.telegram:hover{border-color:#8a7235;background:#191711}}
footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:11px;margin-top:16px;color:#898579;font-size:.75rem;letter-spacing:.16em;line-height:1.6}
@media(min-width:760px){.page{padding-top:59px}.platform{min-height:155px}.coupon{margin-top:30px}footer{margin-top:22px}}
@media(max-width:460px){.page{width:calc(100% - 36px);padding-top:29px}.brand{gap:16px}.offer{padding:22px 0}h1{gap:15px}.amount{font-size:5.3rem}.offer-label{font-size:1.125rem}.platform{min-height:145px;padding:22px 20px;gap:12px}.platform-brand{display:block}.platform-wordmark{font-size:1.25rem;display:block}.platform-category{display:block;margin-top:5px;font-size:.75rem;letter-spacing:.17em}.platform-description{margin:11px 0 6px;font-size:.9375rem}.platform-arrow{flex-basis:38px;width:38px;height:38px}.coupon{margin-top:22px;gap:12px}.copy-hint{display:none}.copy-code{padding:10px 12px}.coupon-label{gap:6px}footer{margin-top:8px}}
@media(max-width:330px){.page{width:calc(100% - 28px)}.brand{gap:11px}.amount{font-size:4.4rem}.offer-label{font-size:1rem}.platform{padding:20px 16px}.platform-description{font-size:.875rem}.platform-arrow{flex-basis:31px;width:31px;height:31px}.coupon{align-items:flex-start;flex-wrap:wrap}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}