body{margin:0;background:#140707;color:#FFF1EC;font-family:"DM Sans",system-ui,sans-serif}
html{scroll-behavior:smooth}
a{color:#E8B84A}a:hover{color:#F6D88A}

@keyframes cm-intro-zoom{from{opacity:0;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}
@keyframes cm-intro-down{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
.cm-intro-zoom{animation:cm-intro-zoom 1.4s cubic-bezier(.2,.7,.2,1) both}
.cm-intro-down{animation:cm-intro-down .8s cubic-bezier(.2,.7,.2,1) .3s both}

@keyframes cm-para{to{transform:translateY(35%) scale(1.1);opacity:.35}}
.cm-para{animation:cm-para linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
@supports not (animation-timeline: view()){.cm-para{animation:none}}

.cm-js .rv{opacity:0;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.cm-js .rv-up{transform:translateY(60px)}
.cm-js .rv-pop{transform:scale(.4) rotate(-30deg)}
.cm-js .rv-op{transform:scale(0) rotate(-180deg)}
@keyframes cm-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.cm-js .rv-wipe.in{animation:cm-wipe 1s cubic-bezier(.7,0,.2,1) both;transition:none}
.cm-js .rv-wipe.dl1.in{animation-delay:.15s}
.cm-js .rv.in{opacity:1;transform:none}
.dl1{transition-delay:.15s!important}.dl2{transition-delay:.3s!important}.dl3{transition-delay:.45s!important}
.q1{transition-delay:.2s!important}.q2{transition-delay:.55s!important}.q3{transition-delay:.9s!important}.q4{transition-delay:1.25s!important}.q5{transition-delay:1.6s!important}

.buy-short{display:none}

/* rules list check icons */
#rules li{display:flex;gap:12px;align-items:flex-start}
#rules li:before{content:"";flex-shrink:0;width:20px;height:20px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8B84A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") no-repeat center/contain}

/* submit form */
.f-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#BFA29B}
.f-input{box-sizing:border-box;width:100%;min-height:52px;padding:0 16px;border:2px solid #3A1A1A;border-radius:14px;background:#140707;color:#FFF1EC;font-family:"DM Mono",monospace;font-size:15px;outline:none}
.f-input:focus{border-color:#E8B84A}
#form-msg.ok{color:#E8B84A}#form-msg.err{color:#FF4A50}

@media (max-width: 900px){
.clip-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width: 640px){
.clip-steps{grid-template-columns:minmax(0,1fr)!important}
.lb-row{grid-template-columns:20px minmax(0,1fr) 70px 40px 30px 26px!important;padding:12px 12px!important;gap:8px!important;font-size:13px!important}.lb-full{display:none}.lb-short{display:inline!important}
}
.social-card{transition:transform .2s ease,border-color .2s ease}.social-card:hover{transform:translateY(-4px);border-color:#E8B84A}
@media (max-width: 760px){.social-grid{grid-template-columns:minmax(0,1fr)!important}.social-card{padding:18px!important;gap:14px!important}.social-card img{width:56px!important;height:56px!important}.social-card svg{flex-shrink:0}.social-card > div > div:nth-child(2){font-size:18px!important;overflow-wrap:normal!important}.social-card > span{padding:0 12px!important;font-size:14px!important;min-height:44px!important}}
.lb-short{display:none}
@keyframes cd-tick{0%{transform:translateY(-6px);opacity:.4}100%{transform:none;opacity:1}}
.cd-num.tick{animation:cd-tick .35s ease-out}
@media (max-width: 760px){.cd-grid{gap:10px!important}.cd-box{padding:18px 6px 14px!important;border-radius:16px!important}.cd-num{font-size:44px!important}.cd-box > div:last-child{font-size:11px!important;letter-spacing:.1em!important}}
.lb-scroll{max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#E8B84A #1F0B0B}
.lb-scroll::-webkit-scrollbar{width:10px}
.lb-scroll::-webkit-scrollbar-track{background:#1F0B0B}
.lb-scroll::-webkit-scrollbar-thumb{background:#E8B84A;border-radius:10px;border:2px solid #1F0B0B}
.lb-scroll::-webkit-scrollbar-thumb:hover{background:#F6D88A}
.lb-scroll:focus-visible{outline:2px solid #E8B84A;outline-offset:2px}
@media (max-width: 640px){.lb-scroll{max-height:60vh}.chart-box{height:440px!important}}


@media (max-width: 640px){
.hero-logo{width:140px!important;height:140px!important;margin-top:20px!important}
.buy-btn{padding:0 14px!important;font-size:13px}
.x-label{display:none}
.buy-full{display:none}
.buy-short{display:inline!important}
.x-btn{padding:0!important}
.brand-name{font-size:20px!important}
header{gap:8px!important}
header > div{gap:8px!important}
header{padding:14px 16px!important}
}

@media (prefers-reduced-motion: reduce){
.cm-intro-zoom,.cm-intro-down,.cm-para,.cd-num.tick{animation:none}
.cm-js .rv,.cm-js .rv.in{opacity:1;transform:none;clip-path:none;transition:none;animation:none}
}

@media (max-width: 820px){
  h1{font-size:64px!important}
  h2{font-size:44px!important}
  .eq-row{flex-wrap:wrap!important;gap:12px!important;padding:72px 16px!important}
  .eq-row > div{width:150px!important}
  .eq-row img{width:150px!important;height:150px!important}
  .eq-row > div[aria-hidden]{height:150px!important;font-size:56px!important;width:auto!important}
  #submit-form{padding:20px!important}
}
@media (max-width: 520px){
  h1{font-size:52px!important}
  .eq-row{flex-wrap:nowrap!important;gap:6px!important;padding:56px 8px!important}
  .eq-row > div{width:84px!important;gap:10px!important}
  .eq-row img{width:84px!important;height:84px!important;border-width:2px!important}
  .eq-row > div[aria-hidden]{width:auto!important;height:84px!important;font-size:34px!important}
  .eq-row > div > div:nth-child(2){font-size:14px!important}
  .eq-row > div > div:nth-child(3){font-size:9px!important;padding:3px 6px!important;white-space:nowrap;letter-spacing:.04em!important}
  #clip-submit{padding:0 20px!important;font-size:16px!important;text-align:center}
}

#submit-form[hidden]{display:none!important}

/* ---- Kimchimas weather: soft snow + coin rain ---- */
.rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:40}
@keyframes k-fall{from{transform:translate3d(0,-12vh,0)}to{transform:translate3d(0,112vh,0)}}
@keyframes k-drift{0%,100%{transform:translateX(-18px)}50%{transform:translateX(18px)}}
@keyframes k-spin{from{transform:rotateY(0) rotate(var(--tilt,8deg))}to{transform:rotateY(360deg) rotate(var(--tilt,8deg))}}
@keyframes k-twinkle{0%,100%{opacity:var(--o,.7)}50%{opacity:calc(var(--o,.7) * .35)}}
.flake{position:absolute;top:0;animation:k-fall linear infinite;will-change:transform}
.flake > i{display:block;width:var(--s,6px);height:var(--s,6px);border-radius:50%;background:radial-gradient(circle,#fff 0 35%,rgba(255,255,255,.55) 60%,rgba(255,255,255,0) 72%);animation:k-drift ease-in-out infinite,k-twinkle ease-in-out infinite;filter:blur(var(--b,0px))}
.coin{position:absolute;top:0;animation:k-fall linear infinite;will-change:transform;perspective:400px}
.coin > span{display:block;animation:k-drift ease-in-out infinite}
.coin img{display:block;width:var(--s,42px);height:var(--s,42px);animation:k-spin linear infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
@media (max-width:640px){.coin img{width:calc(var(--s,42px) * .7);height:calc(var(--s,42px) * .7)}}
@media (prefers-reduced-motion: reduce){.rain{display:none}}

/* ---- Kimchimas styling pass ---- */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.18em;color:#E8B84A;text-transform:uppercase}
.eyebrow:before,.eyebrow:after{content:"";width:34px;height:4px;border-radius:2px;background:repeating-linear-gradient(-45deg,#E3262B 0 6px,#FFF1EC 6px 12px)}
.band{position:relative}
.band:before,.band:after{content:"";position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(-45deg,#E3262B 0 14px,#FFF1EC 14px 28px);opacity:.9}
.band:before{top:0}.band:after{bottom:0}
.stamp{display:inline-block;padding:5px 14px;border:2px solid #BFA29B;border-radius:6px;color:#BFA29B;font-family:"Lilita One","Sora",sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;transform:rotate(-6deg);opacity:.85}
.stamp.live{border-color:#E3262B;color:#FFF1EC;background:#E3262B;opacity:1;transform:rotate(-4deg);box-shadow:0 6px 18px rgba(227,38,43,.45)}
.missed-img{filter:grayscale(.85) contrast(.95) brightness(.75);transition:filter .4s ease}
.eq-row > div:hover .missed-img{filter:none}
@keyframes live-glow{0%,100%{box-shadow:0 0 36px rgba(227,38,43,.45)}50%{box-shadow:0 0 70px rgba(227,38,43,.85)}}
.live-img{animation:live-glow 2.6s ease-in-out infinite}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#E8B84A;color:#140707;font-family:"Lilita One","Sora",sans-serif;font-weight:800;font-size:16px;letter-spacing:.04em}
.clip-steps > div{border-radius:16px!important;border:1px solid #3A1A1A!important;box-shadow:inset 0 1px 0 rgba(255,241,236,.06)}
.cd-box{border:1px solid #3A1A1A!important}
.lb-row:first-child{background:#1F0B0B}
h1{text-shadow:0 10px 40px rgba(227,38,43,.3)}
@media (max-width:640px){.eyebrow:before,.eyebrow:after{width:18px}.band:before,.band:after{height:4px}}
@media (prefers-reduced-motion:reduce){.live-img{animation:none}}

/* countdown backdrop */
.cd-section{position:relative;min-height:min(1000px,110vh);display:flex;align-items:center;background:#140707 url("/img/countdown-bg.jpg") center 48%/cover no-repeat;background-attachment:scroll}
.cd-section > div{padding-top:180px!important;padding-bottom:180px!important;width:100%}
@media (max-width:760px){.cd-section{min-height:0}.cd-section > div{padding-top:110px!important;padding-bottom:110px!important}}
.cd-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,7,7,.92) 0%,rgba(20,7,7,.42) 30%,rgba(20,7,7,.42) 70%,rgba(20,7,7,.95) 100%)}
.cd-section > div{position:relative}
.cd-section .cd-box{background:rgba(31,11,11,.72)!important}

/* clip section video backdrop (muted) */
.clip-section{position:relative;overflow:hidden}
.clip-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(1.1) brightness(.8);pointer-events:none}
.clip-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,9,9,.95) 0%,rgba(26,9,9,.45) 25%,rgba(26,9,9,.45) 75%,rgba(26,9,9,.95) 100%);pointer-events:none}
.clip-section.band:before,.clip-section.band:after{z-index:3}
.clip-inner{position:relative;z-index:1}
.clip-section .clip-steps > div,.clip-section .rules-box{background:rgba(31,11,11,.88)!important}
@media (prefers-reduced-motion:reduce){.clip-video{display:none}}
.cd-section h2,.cd-section p{text-shadow:0 2px 18px rgba(0,0,0,.85)}

/* ---- banner-style lettering ---- */
h1,h2,.brand-name{color:#FFF3DC!important;text-shadow:0 2px 0 #C41E24,0 4px 0 #8F1418,0 6px 0 #5E0C0F,0 12px 28px rgba(0,0,0,.55)!important}
.brand-name{text-shadow:0 2px 0 #C41E24,0 3px 0 #8F1418,0 6px 14px rgba(0,0,0,.5)!important;font-size:28px!important}
h3{color:#FFF3DC;text-shadow:0 1px 0 #C41E24,0 2px 0 #8F1418}
.cd-num{color:#FFF3DC!important;text-shadow:0 2px 0 #C41E24,0 4px 0 #8F1418,0 6px 0 #5E0C0F,0 0 30px rgba(227,38,43,.5)!important}
.eq-row > div > div:nth-child(2){color:#FFF3DC;text-shadow:0 1px 0 #C41E24,0 2px 0 #8F1418;letter-spacing:.02em}
.step-num{font-size:17px}
.buy-btn,#clip-submit,#submit-form button,#dex-link,.social-card > span,.x-btn{font-family:"Lilita One","Sora",sans-serif!important;letter-spacing:.03em;font-weight:400!important}
.buy-btn,#clip-submit,#submit-form button{text-shadow:0 1px 0 #8F1418}
.buy-btn .buy-full,.buy-btn .buy-short{font-size:16px}
.social-card > div > div:nth-child(2){color:#FFF3DC;text-shadow:0 1px 0 #C41E24,0 2px 0 #8F1418}
.lb-row > span:first-child{text-shadow:none}
.cd-section h2,.cd-section p{text-shadow:0 2px 0 #C41E24,0 4px 0 #8F1418,0 6px 0 #5E0C0F,0 2px 18px rgba(0,0,0,.85)!important}
.cd-section p{text-shadow:0 2px 18px rgba(0,0,0,.85)!important}

/* hero backdrop */
.hero-section{position:relative;background:#140707 url("/img/hero-bg.jpg") center 40%/cover no-repeat}
.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,7,7,.55) 0%,rgba(20,7,7,.62) 50%,rgba(20,7,7,.97) 100%)}
.hero-inner{position:relative;padding-top:0}
.hero-section p{text-shadow:0 2px 14px rgba(0,0,0,.8)}

@media (max-width:760px){.hero-inner p{white-space:normal!important;font-size:19px!important}}

/* a payout that just landed */
@keyframes lbNew{0%{background:rgba(25,209,111,.38);box-shadow:inset 3px 0 0 #19d16f}70%{background:rgba(25,209,111,.14);box-shadow:inset 3px 0 0 #19d16f}100%{background:transparent;box-shadow:inset 3px 0 0 transparent}}
.lb-row.lb-new{animation:lbNew 6s ease-out 1}
@media (prefers-reduced-motion:reduce){.lb-row.lb-new{animation:none;background:rgba(25,209,111,.18)}}