@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;color:#f5f4f1;background:#171c22;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100svh;padding:34px 20px;background:#171c22 url('./assets/graphite.webp') center top / cover no-repeat fixed}
::selection{background:#8df1d9;color:#10251d}html{scrollbar-color:#555b61 #171c22}
.page{width:min(100%,620px);margin:0 auto;padding:23px 18px 22px;border:1px solid #414347;border-radius:15px;background:radial-gradient(ellipse at 0% 0%,#372327 0%,transparent 25%),linear-gradient(135deg,#101214,#090b0d);box-shadow:0 18px 50px #0005}
.identity{display:flex;align-items:center;gap:23px;padding:3px 20px 19px}
.portrait{width:146px;height:146px;object-fit:contain;flex-shrink:0}
.identity-copy{min-width:0}h1{margin:0;font-size:37px;letter-spacing:-.035em;line-height:1.15;font-weight:800;white-space:nowrap}h1 span{font-size:inherit;letter-spacing:-.035em;margin-left:2px}
p{margin:0}.role{font-size:19px;letter-spacing:.14em;margin-top:7px;font-weight:600}.motto{display:inline-block;background:#27292b;border-radius:20px;padding:4px 12px;font-size:16px;letter-spacing:.07em;margin-top:10px}.markets{font-size:14px;letter-spacing:.14em;color:#d6d5d2;margin-top:9px}.markets span{margin:0 9px}
.links{display:grid;gap:14px}.link{position:relative;display:block;color:inherit;text-decoration:none;border-radius:12px;transition:background-color .2s,transform .2s,border-color .2s}.link:focus-visible{outline:3px solid #ffc01e;outline-offset:4px}.link:hover{transform:translateY(-2px)}
.campaign{padding:23px 25px 25px;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#281f0d,#151108 80%);border:1px solid #a7790c;color:#ffbd13}
.campaign::before,.campaign::after{content:'';position:absolute;z-index:-1;width:28px;bottom:42px;background:#b8820c;opacity:.19;transform:skewX(-17deg)}.campaign::before{height:150px;right:82px}.campaign::after{height:235px;right:36px}
.campaign-top{display:flex;align-items:center;gap:16px}.campaign-brand{font-size:30px;letter-spacing:-.035em;font-weight:800;color:#fff}.recommended{border-left:1px solid #9b822d;padding-left:16px;font-size:17px;font-weight:750}.detail{font-size:14px;color:#d2d2cd}.campaign-top .detail{margin-left:auto;font-size:13px}
.campaign-offer{margin-top:15px}.amount{display:block;font-size:96px;line-height:1.09;letter-spacing:-.035em;font-weight:800;font-variant-numeric:lining-nums tabular-nums;color:#ffbf18}.offer-title{display:block;font-size:24px;font-weight:750;margin-top:3px}
.action{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;min-height:59px;background:#ffbc12;border-radius:9px;color:#090b0c;font-size:24px;font-weight:800;padding:13px 18px}.campaign:hover .action{background:#ffcd44}.arrow{width:24px;height:24px;flex-shrink:0}.campaign-terms{display:none}
.benefit,.standard,.social{border:1px solid #414448;background:linear-gradient(125deg,#181b1d,#111416)}.benefit:hover,.standard:hover,.social:hover{border-color:#72777b;background:#202427}
.benefit{padding:22px 25px 23px}.benefit-top{display:flex;align-items:center;gap:13px}.platform-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.benefit-top .platform-logo{width:49px;height:34px}.platform-name{font-size:19px;letter-spacing:.035em;font-weight:750}.benefit-top .detail{margin-left:auto;font-size:14px}
.benefit-offer{display:flex;align-items:center;gap:20px;margin-top:11px}.benefit-amount{font-size:68px;color:#8df5dd;font-weight:800;line-height:1;letter-spacing:-.04em}.benefit-title{font-size:27px;font-weight:750}.benefit-offer .arrow{margin-left:auto}
.standard{display:flex;align-items:center;gap:19px;padding:22px 25px}.standard .platform-logo{width:46px;height:46px}.standard-copy{flex:1;min-width:0}.standard-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.standard-title{display:block;font-size:27px;margin-top:7px;font-weight:750}.standard>.arrow{margin-left:auto}.standard-top .detail{font-size:13px}
.social-links{display:grid;gap:10px;margin-top:12px}.social{padding:16px 24px;display:flex;align-items:center;gap:24px;min-height:68px}.social .platform-logo,.x-icon{width:35px;height:35px;flex-shrink:0}.social-copy{display:flex;align-items:center;gap:11px;font-size:17px;flex-wrap:wrap}.social-copy strong{font-weight:650}.social>.arrow{margin-left:auto;width:22px}.social-separator{color:#c3c6c7}
footer{text-align:center;padding-top:24px;color:#c9c9c6;font-size:14px;line-height:1.7}.disclaimer{font-size:12px;color:#a6aaa9;margin-top:4px}.signature{display:none}[hidden]{display:none!important}
@media(max-width:700px){
 body{padding:24px 14px}
 .page{padding:17px 13px 20px}.identity{padding:3px 5px 21px;gap:13px}.portrait{width:104px;height:104px}h1{font-size:29px}.role{font-size:15px}.motto{font-size:13px;padding:3px 9px;margin-top:8px}.markets{font-size:12px;letter-spacing:.06em;margin-top:7px}.markets span{margin:0 6px}
 .campaign{padding:20px}.campaign-brand{font-size:26px}.recommended{font-size:14px;padding-left:12px}.campaign-top{gap:12px}.campaign-top .detail{font-size:11px}.amount{font-size:clamp(48px,14.5vw,83px)}.offer-title{font-size:20px}.action{min-height:53px;font-size:20px;margin-top:21px}
 .benefit{padding:20px}.benefit-top{gap:10px;flex-wrap:wrap}.benefit-top .platform-logo{width:31px;height:26px}.platform-name{font-size:15px}.benefit-top .detail{font-size:12px}.benefit-offer{gap:13px}.benefit-amount{font-size:53px}.benefit-title{font-size:23px}
 .standard{padding:20px;gap:12px}.standard .platform-logo{width:33px;height:33px}.standard-title{font-size:23px}.standard-top{flex-wrap:wrap;gap:4px 9px}.standard-top .detail{font-size:12px}
 .social{padding:15px 19px;gap:15px;min-height:62px}.social-copy{font-size:15px;gap:8px}.social .platform-logo,.x-icon{width:30px;height:30px}
 footer{font-size:12px}
}
@media(max-width:420px){
 body{padding:16px 10px}.page{padding:17px 11px}.identity{gap:10px;padding-left:1px;padding-right:1px}.portrait{width:82px;height:92px}h1{font-size:25px}.role{font-size:13px;letter-spacing:.1em}.motto{font-size:12px}.markets{font-size:11px}
 .campaign{padding:19px 17px}.campaign-top{gap:10px}.campaign-brand{font-size:23px}.recommended{font-size:13px;padding-left:10px}.campaign-top .detail{font-size:10px}.amount{font-size:clamp(44px,15vw,63px)}.offer-title{font-size:19px}
 .benefit{padding:19px 17px}.benefit-top{gap:9px}.platform-name{font-size:13px}.benefit-top .detail{font-size:11px}.benefit-amount{font-size:47px}.benefit-title{font-size:21px}.benefit-offer .arrow{width:21px}
 .standard{padding:19px 17px}.standard-title{font-size:21px}.social{padding:14px 17px;gap:12px}.social-copy{font-size:14px;gap:7px}.social .platform-logo,.x-icon{width:27px;height:27px}
}
@media(max-width:350px){.portrait{width:65px;height:80px}h1{font-size:21px}.role{font-size:12px}.motto{font-size:11px}.campaign-top .detail{display:none}.benefit-top .detail{margin-left:40px}.benefit-title{font-size:19px}.social-copy{gap:5px;font-size:13px}}
.motto span{display:inline-block;white-space:nowrap;line-height:1.6}
.campaign-top .platform-logo{width:36px;height:36px;border-radius:8px;flex-shrink:0}
.campaign-top{gap:12px}.campaign-brand{line-height:1.15}
.link{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.link:active{transform:translateY(0);filter:brightness(.94)}
.action{transition:background-color .18s ease}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;padding:12px 16px;background:#ffbc12;color:#111;border-radius:8px;transform:translateY(-160%);font-weight:700}
.skip-link:focus{transform:translateY(0)}
#exchanges:focus-visible{outline:2px solid #ffc01e;outline-offset:6px;border-radius:12px}
.detail{line-height:1.5}.standard-copy,.social-copy{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.campaign-top .platform-logo{width:31px;height:31px}.motto{letter-spacing:.02em}}
@media(max-width:420px){
 .campaign-top{display:grid;grid-template-columns:30px auto 1fr;gap:6px 9px;align-items:center}
 .campaign-top .platform-logo{width:30px;height:30px}
 .campaign-top .recommended{justify-self:start}
 .campaign-top .detail{grid-column:1/-1;margin-left:0;display:block;font-size:12px;color:#ded4be}
 .motto{font-size:12px;padding:3px 7px;letter-spacing:0}.markets{font-size:12px;letter-spacing:0}
 .benefit-top .detail{font-size:12px}.platform-name{font-size:14px}.standard-top .detail{font-size:12px}
}
@media(max-width:350px){.motto{font-size:12px}.benefit-top .detail{margin-left:0;flex-basis:100%}.identity{align-items:flex-start}.portrait{margin-top:6px}.social-copy{font-size:14px}}
@media(hover:none){.link:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.link:hover,.link:active{transform:none}}

/* Exchange reward amounts follow each platform’s visual identity. */
[data-link="hyperliquid"] .offer-number{color:#8df5dd}
[data-link="binance"] .offer-number{color:#f5c443}
[data-link="gate"] .offer-number{color:#80aaff}
[data-link="okx"] .offer-number{color:#cbd7f2}