:root{
  --bg:#020c1b;
  --bg2:#04162d;
  --text:#f5f7fb;
  --muted:#9da8bb;
  --muted2:#748198;
  --line:rgba(203,217,255,.14);
  --line2:rgba(203,217,255,.24);
  --panel:rgba(8,25,49,.62);
  --panel2:rgba(11,32,60,.78);
  --accent:#8bb7ff;
  --orange:#f05a28;
  --green:#a7ff74;
  --pink:#e65b9a;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,Arial,Helvetica,sans-serif;
  background:#03162b;
}
body:before{
  display:none;
}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.wrap{width:min(1400px,calc(100% - 96px));margin:0 auto}
.topbar{
  position:relative;
  z-index:40;
  background:transparent;
}
.nav{
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--line);
}
.logo{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:21px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.logo-mark{
  width:46px;
  height:46px;
  border-radius:50%;
  display:block;
  background:url('avatar.png') center/cover no-repeat;
  font-size:0;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.32);
}
.nav-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.nav-link,.lang{
  color:var(--muted);
  background:transparent;
  border:0;
  border-bottom:1px solid transparent;
  border-radius:0;
  padding:8px 0;
  font-size:13px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.nav-link:hover,.nav-link.active,.lang.active{
  color:var(--text);
  border-bottom-color:var(--accent);
}
.hero,.totp-shell{padding:68px 0 38px}
.kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted2);
  font-size:13px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--orange);
}
h1{
  margin:0;
  max-width:940px;
  color:var(--text);
  font-size:clamp(46px,7vw,92px);
  line-height:.9;
  letter-spacing:-.045em;
  text-transform:uppercase;
  font-weight:950;
}
h1 span{display:block;color:var(--text)}
.lead{
  max-width:820px;
  margin:22px 0 0;
  color:var(--muted);
  font-size:19px;
  line-height:1.65;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:42px;
  align-items:stretch;
  margin-top:52px;
}
.panel,.tool-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.panel{padding:30px}
.preview{
  min-height:360px;
  padding:0;
  background:rgba(0,0,0,.18);
  display:grid;
  place-items:center;
}
.preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.mini-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}
.badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 0;
  color:var(--muted);
  background:transparent;
  border:0;
  border-bottom:1px solid var(--line2);
  border-radius:0;
  font-size:13px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.badge.hot{color:#ffc9ac;border-bottom-color:rgba(240,90,40,.55)}
.badge.green{color:#cfffb9;border-bottom-color:rgba(167,255,116,.45)}
.badge.pink{color:#ffc5df;border-bottom-color:rgba(230,91,154,.48)}
.title-block{
  margin:20px 0 12px;
  color:var(--text);
  font-size:clamp(34px,5vw,70px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.title-block em{font-style:normal}
.btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:30px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:max-content;
  padding:0 0 9px;
  color:var(--text);
  background:transparent;
  border:0;
  border-bottom:1px solid var(--accent);
  border-radius:0;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.btn:hover{color:#cfe0ff}
.btn.secondary{color:var(--muted);border-bottom-color:var(--line2)}
.btn.disabled{opacity:.45;pointer-events:none}
.section{padding:54px 0 88px}
.section-head{
  display:block;
  margin-bottom:52px;
}
.section h2,.home-main h1{
  margin:0;
  color:var(--text);
  font-size:clamp(38px,5vw,64px);
  line-height:.95;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.section p{margin:16px 0 0;color:var(--muted);line-height:1.6;font-size:18px}
.games-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:70px;
}
.game-card{
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:6px;
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
}
.game-card:hover .game-name,.round-card:hover .round-num{color:#dce8ff}
.game-title-row{
  display:flex;
  align-items:center;
  gap:24px;
  min-height:84px;
}
.game-name{
  color:var(--text);
  font-size:clamp(40px,5vw,66px);
  line-height:.92;
  font-weight:950;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.game-symbol{
  flex:0 0 auto;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  color:var(--text);
  font-size:32px;
  font-weight:950;
  letter-spacing:-.06em;
}
.game-symbol.rust{
  color:#111827;
  background:linear-gradient(135deg,#ff6a37,#c7361f);
  border-radius:4px;
  transform:rotate(-1deg);
}
.game-symbol.cs2{font-size:44px}
.game-symbol.violet{
  color:#111827;
  background:linear-gradient(135deg,#ff6235,#ce341e);
  border-radius:4px;
  transform:rotate(3deg);
}
.game-type{
  margin-top:16px;
  color:var(--muted);
  font-size:20px;
  line-height:1.45;
  font-weight:500;
}
.game-image{display:none}
.game-round-label{
  margin-top:48px;
  color:var(--muted2);
  font-size:14px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.game-round-number{
  margin-top:14px;
  color:var(--text);
  font-size:30px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.game-round-date{
  margin-top:10px;
  color:var(--muted);
  font-size:19px;
}
.game-action,.game-soon{
  align-self:flex-start;
  margin-top:34px;
  padding-bottom:9px;
  color:var(--text);
  border-bottom:1px solid var(--accent);
  font-size:14px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.game-soon{color:var(--muted);border-bottom-color:var(--line2)}
.game-stats{display:none}
.rounds-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:46px;
}
.round-card{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:4px;
  background:transparent;
  border:0;
  border-radius:0;
}
.round-num{
  color:var(--text);
  font-size:clamp(34px,4vw,54px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.round-card small{
  display:block;
  margin-top:18px;
  color:var(--muted);
  font-size:17px;
  line-height:1.5;
  font-weight:500;
}
.reward-showcase{
  margin:0 0 44px;
  padding:18px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.reward-showcase-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.reward-showcase-title{
  margin:0;
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.reward-showcase-note{color:var(--muted2);font-size:13px}
.reward-track-wrap{overflow:hidden}
.reward-track{
  display:flex;
  gap:18px;
  width:max-content;
  animation:reward-scroll var(--reward-speed,24s) linear infinite;
}
.reward-showcase:hover .reward-track{animation-play-state:paused}
.reward-pill{
  width:245px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 0;
}
.reward-pill-icon{
  width:68px;
  height:54px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
}
.reward-pill-icon img,.reward-pill-icon video{width:100%;height:100%;display:block;object-fit:contain}
.reward-pill-name{font-weight:900;color:var(--text)}
.reward-pill-meta{margin-top:4px;color:var(--muted);font-size:13px}
@keyframes reward-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.reward-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.reward-card{
  position:relative;
  min-height:270px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:22px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  overflow:hidden;
  isolation:isolate;
}
.reward-type{
  align-self:flex-start;
  padding:8px 0;
  color:#d8f8ca;
  background:transparent;
  border-bottom:1px solid rgba(167,255,116,.5);
  border-radius:0;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.reward-type.rivals{color:#ffd2e5;border-bottom-color:rgba(230,91,154,.55)}
.reward-content{position:relative;z-index:2;margin-top:auto;max-width:64%}
.reward-name{color:var(--text);font-size:25px;font-weight:950;letter-spacing:-.025em}
.reward-time{margin-top:7px;color:var(--muted);font-size:15px;font-weight:800}
.reward-art{
  position:absolute;
  right:16px;
  bottom:16px;
  width:126px;
  height:96px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:rgba(0,0,0,.16);
  border:1px solid var(--line);
  border-radius:12px;
}
.reward-art img,.reward-art video{width:100%;height:100%;display:block;object-fit:contain}
.reward-bg{
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.13;
  filter:blur(10px);
  transform:scale(1.06);
}
.reward-bg img,.reward-bg video{width:100%;height:100%;object-fit:cover}
.round-hero{
  padding:70px 0 28px;
}
.round-hero .wrap{
  padding-bottom:30px;
  border-bottom:1px solid var(--line);
}
.round-hero h1{
  font-size:clamp(64px,9vw,116px);
  letter-spacing:-.045em;
}
.round-actions{
  margin-top:42px;
}
.buy-link{
  display:inline-flex;
  align-items:center;
  gap:26px;
  padding-bottom:14px;
  color:var(--text);
  border-bottom:3px solid var(--orange);
  font-size:22px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.buy-link span{
  color:var(--orange);
  font-size:42px;
  line-height:.6;
}
.round-rewards{
  padding:30px 0 70px;
}
.round-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.round-heading h2{
  margin:0;
  font-size:clamp(42px,5vw,68px);
  line-height:.95;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.round-heading span{
  color:var(--muted);
  font-size:18px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.rewards-board{
  display:grid;
  grid-template-columns:repeat(3,minmax(300px,1fr));
  gap:34px;
}
.drop-card{
  min-height:410px;
  display:grid;
  grid-template-rows:minmax(300px,1fr) auto;
  align-items:center;
  gap:22px;
  padding:24px 22px 30px;
  overflow:hidden;
}
.drop-media{
  position:relative;
  width:100%;
  height:320px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.drop-media video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  display:block;
  object-fit:contain;
}
.drop-card h3{
  margin:0;
  color:var(--text);
  font-size:28px;
  line-height:1.15;
  text-align:center;
  font-weight:950;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.reward-fallback{
  color:var(--muted);
  font-size:42px;
  font-weight:950;
}
.instruction-layout{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);
  gap:64px;
  align-items:start;
}
.instruction-list{
  display:grid;
  gap:18px;
  margin-top:30px;
}
.instruction-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:18px;
  padding:20px 0;
  border-top:1px solid var(--line);
}
.instruction-item span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  color:var(--orange);
  border:1px solid var(--orange);
  border-radius:50%;
  font-weight:900;
}
.instruction-item p{
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
}
.instruction-item a{
  color:var(--text);
  border-bottom:1px solid var(--accent);
  overflow-wrap:anywhere;
}
.rounds-grid.compact{
  grid-template-columns:1fr;
  gap:28px;
}
.empty{
  grid-column:1/-1;
  color:var(--muted);
  padding:28px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.footer{
  display:none;
  color:var(--muted);
  border-top:1px solid var(--line);
  padding:38px 0 52px;
  font-size:14px;
  letter-spacing:.04em;
}
.footer .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
code{
  color:var(--text);
  background:rgba(255,255,255,.08);
  padding:.12em .35em;
  border-radius:6px;
}
.home-main .section{padding-top:68px}
.home-main .section-head{margin-bottom:72px}
.home-main .section p{max-width:760px}
.totp-body{background:#03162b}
.tool-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
  gap:24px;
  align-items:stretch;
}
.tool-card{padding:26px}
.tool-card h2{display:none}
.form-grid{
  display:grid;
  grid-template-columns:1fr 150px 150px;
  gap:16px;
  margin-top:24px;
}
.field{display:flex;flex-direction:column;gap:9px}
.field.secret{grid-column:1/-1}
.field label{
  color:var(--muted2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.input{
  width:100%;
  color:var(--text);
  background:rgba(255,255,255,.055);
  border:1px solid var(--line2);
  border-radius:10px;
  padding:14px 15px;
  outline:none;
}
.input:focus{border-color:rgba(139,183,255,.65);background:rgba(255,255,255,.075)}
.error{
  margin-top:14px;
  color:#ffd2d2;
  background:rgba(255,70,70,.08);
  border:1px solid rgba(255,70,70,.25);
  border-radius:12px;
  padding:12px;
}
.hide{display:none!important}
.help{color:var(--muted);line-height:1.6;margin-top:20px}
.notice{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:14px 0;
}
.totp-output{
  min-height:325px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:32px;
  text-align:center;
}
.token{
  color:var(--text);
  font-size:clamp(58px,8vw,98px);
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}
.bar{
  width:min(330px,100%);
  height:9px;
  margin:0 auto;
  overflow:hidden;
  background:rgba(255,255,255,.10);
  border-radius:999px;
}
.bar span{display:block;height:100%;width:0;background:var(--accent)}
.count{color:var(--accent);font-size:38px;font-weight:950}
.copy-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translate(-50%,20px);
  opacity:0;
  color:#071226;
  background:#f3f7ff;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  pointer-events:none;
  transition:.2s;
}
.copy-toast.show{opacity:1;transform:translate(-50%,0)}
.totp-body:before{display:none}
.totp-body .topbar{background:#03162b}
.totp-body .logo-mark{box-shadow:none}
.totp-body .nav{
  min-height:88px;
  border-bottom:1px solid rgba(190,210,245,.15);
}
.totp-main .totp-shell{
  padding:58px 0 28px;
}
.totp-main h1{
  font-size:clamp(54px,7vw,86px);
  line-height:.92;
  letter-spacing:-.035em;
}
.totp-workspace{
  padding:42px 0 74px;
}
.totp-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);
  gap:64px;
  align-items:start;
}
.totp-pane{
  background:transparent;
  border:0;
  box-shadow:none;
}
.totp-pane-output{
  min-height:360px;
  padding-left:64px;
  border-left:1px solid rgba(190,210,245,.13);
}
.step-title{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:28px;
  color:var(--muted);
  font-size:15px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.step-title span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color:#ff6a2f;
  border:1px solid #ff6a2f;
  border-radius:50%;
  font-size:13px;
  letter-spacing:0;
}
.secret-row{
  position:relative;
}
.secret-row .input{
  height:58px;
  padding-right:58px;
  font-size:22px;
  font-weight:900;
  letter-spacing:.02em;
}
.icon-copy{
  position:absolute;
  right:16px;
  top:50%;
  width:26px;
  height:26px;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  cursor:pointer;
}
.icon-copy:before,
.icon-copy:after{
  content:"";
  position:absolute;
  width:14px;
  height:17px;
  border:2px solid var(--text);
  border-radius:3px;
}
.icon-copy:before{left:3px;top:6px;opacity:.68}
.icon-copy:after{left:8px;top:2px;background:#03162b}
.fixed-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:28px;
}
.fixed-grid label{
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.fixed-field{
  height:58px;
  display:flex;
  align-items:center;
  padding:0 18px;
  color:var(--text);
  border:1px solid rgba(190,210,245,.22);
  border-radius:8px;
  font-size:22px;
  font-weight:700;
}
.totp-pane-form .btn-row{
  margin-top:38px;
}
.totp-pane-output .token{
  margin-top:74px;
  font-size:clamp(64px,7vw,112px);
  letter-spacing:.16em;
}
.totp-pane-output .bar{
  width:min(430px,100%);
  height:5px;
  margin:44px 0 0;
  background:rgba(190,210,245,.11);
  border-radius:999px;
}
.totp-pane-output .bar span{
  background:#ff6a2f;
}
.totp-pane-output p{
  margin:34px 0 0;
  color:var(--muted);
  font-size:19px;
  text-align:center;
}
.totp-pane-output .count{
  color:#ff6a2f;
  font-size:32px;
}
.totp-body .error{
  margin-top:18px;
  background:transparent;
  border-color:rgba(255,95,95,.34);
}
.instruction-page .nav{
  min-height:82px;
}
.guide-hero{
  padding:44px 0 22px;
}
.guide-hero h1{
  max-width:620px;
  font-size:clamp(48px,6vw,82px);
  line-height:.88;
}
.guide-hero p{
  margin:18px 0 0;
  color:var(--muted);
  font-size:15px;
}
.guide-section{
  padding:12px 0 58px;
}
.guide-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:42px;
  align-items:start;
}
.guide-content{
  display:grid;
  gap:28px;
  padding-right:34px;
  border-right:1px solid var(--line);
}
.warning-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:22px 24px;
  border:1px solid rgba(255,91,66,.42);
  border-radius:8px;
  background:rgba(76,18,31,.32);
}
.guide-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:#ff5a2c;
  border:3px solid #ff5a2c;
  border-radius:10px;
  font-size:28px;
  font-weight:950;
}
.warning-card h2,
.guide-block h2,
.know-card h2,
.guide-rounds h2{
  margin:0;
  color:var(--text);
  font-size:18px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.warning-card h2{
  color:#ff5a2c;
  font-size:14px;
  margin-bottom:8px;
}
.warning-card p{
  margin:0;
  color:var(--text);
  line-height:1.5;
}
.guide-block{
  padding-top:4px;
}
.guide-block + .guide-block{
  padding-top:28px;
  border-top:1px solid var(--line);
}
.guide-block h2,
.know-card h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.guide-mark{
  color:var(--orange);
  font-size:22px;
  line-height:1;
}
.guide-steps{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:guide-step;
  display:grid;
  gap:15px;
}
.guide-steps li{
  position:relative;
  padding-left:38px;
  color:var(--muted);
  font-size:15px;
  line-height:1.6;
}
.guide-steps li:before{
  counter-increment:guide-step;
  content:counter(guide-step);
  position:absolute;
  left:0;
  top:.05em;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  color:var(--orange);
  border:1px solid var(--orange);
  border-radius:50%;
  font-size:12px;
  font-weight:900;
}
.guide-steps-small{
  gap:10px;
}
.guide-steps-small li{
  padding-left:28px;
  font-size:14px;
}
.guide-steps-small li:before{
  border:0;
  width:auto;
  height:auto;
  color:var(--orange);
}
.guide-steps a{
  color:#ff7a39;
  border-bottom:1px solid rgba(255,122,57,.55);
  overflow-wrap:anywhere;
}
.guide-steps .attention-step{
  min-height:54px;
  padding:14px 16px 14px 58px;
  color:var(--text);
  border:1px solid rgba(255,106,47,.48);
  border-radius:8px;
  background:rgba(255,106,47,.10);
  font-weight:850;
  line-height:1.6;
}
.guide-steps .attention-step:before{
  left:18px;
  top:15px;
  transform:none;
}
.green-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 10px;
  color:#fff;
  background:#5a9f3f;
  border-radius:5px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  vertical-align:middle;
}
.know-card{
  padding:18px 22px;
  border:1px solid rgba(67,151,255,.25);
  border-radius:8px;
  background:rgba(8,35,67,.42);
}
.info-dot{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:#54a7ff;
  border:1px solid #54a7ff;
  border-radius:50%;
  font-size:14px;
  letter-spacing:0;
  text-transform:none;
}
.know-card ul{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.65;
  font-size:14px;
}
.guide-rounds{
  position:sticky;
  top:24px;
}
.guide-rounds h2{
  margin-bottom:14px;
  font-size:16px;
}
.guide-round-list{
  display:grid;
  gap:12px;
}
.guide-round-card{
  position:relative;
  display:block;
  min-height:112px;
  padding:18px 46px 16px 18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(7,25,47,.52);
}
.guide-round-card span{
  display:block;
  color:var(--muted2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.guide-round-card b{
  display:block;
  color:var(--text);
  font-size:28px;
  line-height:1;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.guide-round-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
}
.guide-round-card em{
  position:absolute;
  right:18px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  color:#7cff59;
  border:1px solid #4fe037;
  border-radius:50%;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}
@media(max-width:980px){
  .wrap{width:min(100% - 44px,1400px)}
  .games-grid,.rounds-grid,.reward-grid{grid-template-columns:1fr 1fr;gap:36px}
  .rewards-board{grid-template-columns:1fr 1fr;gap:26px}
  .drop-card{min-height:360px;grid-template-rows:minmax(260px,1fr) auto}
  .drop-media{height:270px}
  .instruction-layout{grid-template-columns:1fr}
  .guide-layout{grid-template-columns:1fr}
  .guide-content{padding-right:0;border-right:0}
  .guide-rounds{position:static}
  .guide-round-list{grid-template-columns:1fr 1fr}
  .hero-grid,.tool-shell{grid-template-columns:1fr}
  .totp-layout{grid-template-columns:1fr;gap:44px}
  .totp-pane-output{padding-left:0;border-left:0;border-top:1px solid rgba(190,210,245,.13);padding-top:42px}
  .form-grid{grid-template-columns:1fr 1fr}
  .field.secret{grid-column:1/-1}
}
@media(max-width:640px){
  .wrap{width:min(100% - 28px,1400px)}
  .nav{min-height:82px}
  .logo{font-size:17px}
  .logo-mark{width:40px;height:40px}
  .nav-actions{display:none}
  .hero,.totp-shell,.home-main .section{padding-top:46px}
  .section{padding:42px 0 66px}
  .games-grid,.rounds-grid,.reward-grid,.form-grid{grid-template-columns:1fr}
  .rewards-board{grid-template-columns:1fr}
  .drop-card{min-height:330px;grid-template-rows:minmax(230px,1fr) auto}
  .drop-media{height:240px}
  .round-heading{align-items:flex-start;flex-direction:column}
  .buy-link{font-size:17px}
  .games-grid{gap:42px}
  .game-card{min-height:285px}
  .game-title-row{gap:16px}
  .game-symbol{width:46px;height:46px;font-size:26px}
  .game-symbol.cs2{font-size:34px}
  .reward-content{max-width:100%;padding-right:120px}
  .token{font-size:52px;letter-spacing:.05em}
  .totp-pane-output .token{font-size:50px;letter-spacing:.08em}
  .fixed-grid{grid-template-columns:1fr}
  .guide-round-list{grid-template-columns:1fr}
  .warning-card{grid-template-columns:1fr}
}