*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
html{background:#0B1423}
body.cm{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;background:#0B1423;
  background-image:radial-gradient(1100px 620px at 50% -8%,rgba(217,181,109,.13),transparent 62%),radial-gradient(900px 600px at 50% 112%,rgba(41,72,122,.35),transparent 65%),linear-gradient(180deg,#0E192B 0%,#0B1423 55%,#09111E 100%);
  -webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}
.cm-main{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;
  padding:max(40px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.cm-wrap{width:100%;max-width:760px;margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center}
.cm-brand{display:flex;flex-direction:column;align-items:center;gap:12px}
.cm-x{display:block}
.cm-wm{font-size:19px;font-weight:600;letter-spacing:.01em;color:#fff}
.cm-div{display:block;width:1px;height:56px;margin:26px 0 26px;background:linear-gradient(180deg,rgba(217,181,109,0),#D9B56D 30%,#D9B56D 70%,rgba(217,181,109,0))}
.cm-eb{margin:0 0 18px;font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#D9B56D}
.cm h1{margin:0;font-size:60px;line-height:1.06;font-weight:800;letter-spacing:-.03em;color:#fff;text-wrap:balance}
.cm-lede{margin:22px 0 0;font-size:20px;line-height:1.5;color:#B4BECC;max-width:560px}
.cm-btn{margin-top:38px;display:inline-flex;align-items:center;justify-content:center;gap:14px;width:540px;max-width:100%;height:64px;padding:0 28px;border-radius:12px;
  background:linear-gradient(180deg,#E3C27E 0%,#D9B56D 55%,#C9A35A 100%);color:#0B1423;font-size:19px;font-weight:700;text-decoration:none;
  box-shadow:0 10px 30px rgba(217,181,109,.22),inset 0 1px 0 rgba(255,255,255,.35);transition:filter .15s ease,transform .15s ease}
.cm-btn:hover{filter:brightness(1.05)}
.community-telegram-button{animation:telegram-glow 3s ease-in-out infinite}
@keyframes telegram-glow{0%,100%{box-shadow:0 10px 30px rgba(217,181,109,.16),0 0 0 rgba(217,181,109,0),inset 0 1px 0 rgba(255,255,255,.35)}50%{box-shadow:0 10px 30px rgba(217,181,109,.16),0 0 22px rgba(217,181,109,.28),inset 0 1px 0 rgba(255,255,255,.35)}}
.community-telegram-button:hover,.community-telegram-button:focus-visible{animation:none}
.cm-btn:active{transform:translateY(1px)}
.cm-btn:focus-visible{outline:3px solid #fff;outline-offset:5px}
.cm-ft a:focus-visible,.cm-q summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cm-tg{flex:none}
.cm-note{margin:16px 0 0;font-size:15px;line-height:1.5;color:#A3AEBE}
.cm-risk{margin:30px 0 0;padding-top:22px;border-top:1px solid rgba(217,181,109,.22);width:100%;max-width:540px;font-size:14px;line-height:1.55;color:#9AA6B7}
.cm-ft{margin-top:20px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:14px;color:#6F7C8F}
.cm-ft a{color:#C9D1DC;text-decoration:none;border-radius:4px;padding:4px 2px}
.cm-ft a:hover{color:#fff;text-decoration:underline}
.cm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){
  .cm-x{width:46px;height:42px}
  .cm-wm{font-size:17px}
  .cm-div{height:44px;margin:20px 0}
  .cm-eb{font-size:13px;letter-spacing:.2em}
  .cm h1{font-size:38px}
  .cm-lede{font-size:18px;margin-top:18px}
  .cm-btn{width:100%;height:58px;font-size:18px;margin-top:30px}
  .cm-note{font-size:15px}
}
@media (max-height:700px) and (min-width:601px){.cm-div{height:36px;margin:18px 0}.cm h1{font-size:52px}}
.cm-faq{width:100%;max-width:540px;margin-top:34px;text-align:left}
.cm-faq h2{margin:0 0 12px;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#D9B56D;text-align:center}
.cm-q{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);border-radius:10px}
.cm-q+.cm-q{margin-top:8px}
.cm-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;font-size:16px;font-weight:600;color:#E8EDF3;border-radius:10px}
.cm-q summary::-webkit-details-marker{display:none}
.cm-q summary:hover{color:#fff}
.cm-chev{flex:none;color:#D9B56D;transition:transform .2s ease}
.cm-q[open] .cm-chev{transform:rotate(180deg)}
.cm-q p{margin:0;padding:0 16px 16px;font-size:15px;line-height:1.6;color:#B4BECC}
@media (prefers-reduced-motion:reduce){.cm-btn,.community-telegram-button{animation:none;transition:none}.cm-chev{transition:none}}