@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Noto+Sans+JP:wght@500;700;900&display=swap");

:root{
  --bg:#0A0509;
  --ink:#FCF5F2;
  --muted:#C3B4BC;
  --faint:#8E8088;
  --line:rgba(255,240,235,0.14);
  --line2:rgba(255,240,235,0.28);
  --red:#F0354A;
  --red-d:#D71F38;
  --gold:#F2C44C;
  --gold-d:#C8901F;
  --purple:#9B5DE5;
  --blue:#4895EF;
  --pink:#E0489B;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{background:#000;}
body{font-family:"Noto Sans JP",system-ui,sans-serif; color:var(--ink); line-height:1.6; font-weight:500; -webkit-font-smoothing:antialiased;}
img{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
.num{font-family:"Archivo",sans-serif; font-weight:900; font-variant-numeric:tabular-nums; letter-spacing:-0.02em;}

.shine{color:#F2C44C; background:linear-gradient(180deg,#FFF7D2 0%,#FBE188 24%,#F4C13A 54%,#DFA02A 76%,#B97C1A 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 #B07314, 0 2px 0 #9E6712, 0 3px 0 #8A5A10, 0 4px 0 #7A4F0E, 0 5px 1px rgba(0,0,0,.35), 0 7px 16px rgba(0,0,0,.6), 0 0 34px rgba(242,196,76,.5);}

.bgfx{position:fixed; inset:0; z-index:0; background:#0A0509 url("adn_bg_dramatic_v1.webp") center center / cover no-repeat;}
.lp{position:relative; z-index:1; max-width:480px; margin:0 auto; min-height:100vh; padding:0 18px 44px; overflow:hidden;
  background:linear-gradient(180deg, rgba(10,5,9,0.30) 0%, rgba(10,5,9,0.08) 30%, rgba(10,5,9,0.42) 100%);}
.lp>*:not(.confetti){position:relative; z-index:1;}

/* confetti */
.confetti{position:absolute; inset:0; z-index:0; pointer-events:none;}
.confetti i{position:absolute; width:9px; height:13px; border-radius:2px; opacity:.85; display:block; box-shadow:0 0 6px rgba(242,196,76,.4);}

/* header */
.topbar{display:flex; justify-content:space-between; align-items:center; padding:16px 0 14px;}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none;}
.logo-img{height:30px; width:auto; display:block;}
.gov-badge{display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:var(--gold); border:1px solid rgba(242,196,76,.55); border-radius:6px; padding:5px 10px; line-height:1;}
.gov-badge .ti{font-size:13px;}
.login{font-size:12px; font-weight:700; color:var(--gold); border:1px solid rgba(242,196,76,.6); border-radius:99px; padding:8px 16px; box-shadow:0 0 14px rgba(242,196,76,.2);}
.login .ti{font-size:13px; vertical-align:-2px;}

/* FV */
.fv{text-align:center; padding:8px 0 0;}
.ribbon{display:flex; align-items:center; justify-content:center; gap:14px; max-width:380px; margin:6px auto 0; background:none; color:#fff; font-size:19px; font-weight:900; line-height:1.4; padding:0; box-shadow:none; border-radius:0;}
.ribbon::before,.ribbon::after{content:""; flex:0 0 26px; height:1px; background:linear-gradient(90deg,rgba(242,196,76,0),var(--gold));}
.ribbon::after{background:linear-gradient(90deg,var(--gold),rgba(242,196,76,0));}
.multi{font-size:14px; font-weight:700; letter-spacing:.04em; color:var(--gold); margin-top:16px; font-family:"Archivo",sans-serif;}
.fv .participants{position:relative; display:flex; align-items:baseline; justify-content:center; gap:8px; margin:2px 0 0;}
.inc-bubble{position:absolute; top:-16px; right:12px; background:#fff; color:#E5253E; font-weight:900; font-size:13px; padding:3px 11px; border-radius:99px; box-shadow:0 4px 12px rgba(0,0,0,.4); opacity:0; pointer-events:none; white-space:nowrap; z-index:2;}
.inc-bubble::after{content:""; position:absolute; left:18px; bottom:-5px; border:6px solid transparent; border-top-color:#fff; border-bottom:0;}
.inc-bubble.show{animation:bubblepop 2.4s ease forwards;}
@keyframes bubblepop{0%{opacity:0; transform:translateY(8px) scale(.7);} 12%{opacity:1; transform:translateY(0) scale(1);} 74%{opacity:1; transform:translateY(0) scale(1);} 100%{opacity:0; transform:translateY(-10px) scale(1);}}
.fv .participants .dot{width:11px; height:11px; border-radius:99px; background:conic-gradient(from 0deg,#F0354A,#E0489B,#9B5DE5,#4895EF,#F0354A); align-self:center; box-shadow:0 0 10px rgba(155,93,229,.6);}
.fv .participants .num{font-size:60px; line-height:.95; color:#fff; text-shadow:0 0 24px rgba(255,255,255,.25);}
.fv .participants .suffix{font-size:18px; font-weight:700; color:var(--ink);}
.fv .amount{margin:0; line-height:.86;}
.fv .amount-img{display:block; width:450px; max-width:94%; margin:12px auto 0; filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));}
.fv .amount .big{font-size:96px;}
.fv .amount .man{font-size:34px; margin-left:2px;}
.fv .amount .cap{position:relative; z-index:2; display:table; margin:0 auto -22px; transform:translateY(16px); font-size:17px; font-weight:900; color:#fff; letter-spacing:.28em; text-indent:.28em; background:linear-gradient(180deg,#F0354A,#C81832); padding:9px 32px; clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%); box-shadow:0 4px 14px rgba(229,30,58,.45);}
.fv .odds{font-size:18px; font-weight:700; color:var(--ink); margin-top:-28px;}
.fv .odds b{color:var(--gold); font-family:"Archivo",sans-serif; font-size:22px; font-weight:900;}

/* countdown */
.countdown{margin:22px auto 0; max-width:380px; padding:14px 16px; background:rgba(255,255,255,0.03); border:2px dashed rgba(242,196,76,.5); border-radius:14px; text-align:center;}
.cd-label{font-size:14px; font-weight:700; letter-spacing:.1em; color:var(--gold); margin-bottom:8px;}
.cd-row{display:flex; align-items:baseline; gap:12px; justify-content:center;}
.cd-cell .num{font-size:62px; line-height:1; color:#fff;}
.cd-cap{font-size:13px; color:var(--muted); margin-top:6px;}
.cd-colon{font-size:46px; line-height:1; color:var(--gold-d);}

/* CTA */
.cta{position:relative; overflow:hidden; width:100%; display:flex; flex-direction:column; align-items:center; gap:3px; border:1px solid rgba(255,200,150,.5); border-radius:999px; padding:18px 18px; font-family:inherit; color:#fff; cursor:pointer;
  background:linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.06) 44%, rgba(255,255,255,0) 52%), linear-gradient(180deg,#FF5E72 0%,#E5253E 56%,#C81832 100%);
  box-shadow:0 0 32px rgba(240,53,74,.55), 0 0 12px rgba(240,53,74,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 0 0 2px rgba(255,224,170,.4); animation:ctaglow 2.6s ease-in-out infinite;}
@keyframes ctaglow{0%,100%{box-shadow:0 0 30px rgba(240,53,74,.5), inset 0 0 0 2px rgba(255,220,180,.35);} 50%{box-shadow:0 0 54px rgba(240,53,74,.85), inset 0 0 0 2px rgba(255,238,205,.6);}}
.cta .main{font-size:21px; font-weight:900; letter-spacing:.02em; display:flex; align-items:center; gap:8px; text-shadow:0 1px 4px rgba(120,0,20,.5);}
.cta .sub{font-size:12px; font-weight:700; color:#FFE0E5;}
.cta .ti{font-size:20px;}
.cta::after{content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; transform:skewX(-22deg); background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent); animation:sweep 3.4s ease-in-out infinite;}
@keyframes sweep{0%{left:-70%;} 45%,100%{left:160%;}}
.fv-cta{margin-top:24px;}
.reassure{margin-top:14px; font-size:12px; font-weight:700; color:var(--muted);}
.reassure b{color:var(--ink);}

/* ticker */
.ticker{margin:26px -18px 0; background:rgba(0,0,0,0.35); border-top:1px solid rgba(242,196,76,.3); border-bottom:1px solid rgba(242,196,76,.3); overflow:hidden; white-space:nowrap; padding:12px 0;}
.ticker .track{display:inline-block; padding-left:100%; animation:scroll 24s linear infinite;}
.ticker .track>span{font-size:13px; font-weight:700; color:var(--ink); margin-right:34px;}
.ticker .amt{color:var(--gold); font-family:"Archivo",sans-serif; font-weight:900;}
.ticker .new{display:inline-block; color:#fff; background:linear-gradient(180deg,#F0354A,#C81832); border-radius:99px; padding:2px 10px; font-size:11px; font-weight:700; margin-right:9px;}
@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}

/* section heading */
.sec-head{margin:34px 0 16px; text-align:center;}
.sec-head .t{font-size:21px; font-weight:900; color:#fff;}
.sec-head .t::before,.sec-head .t::after{content:"✦"; color:var(--gold); font-size:14px; margin:0 9px; vertical-align:3px;}
.sec-head .s{font-size:12px; color:var(--muted); margin-top:4px;}

/* draw cards */
.draws{display:flex; flex-direction:column; gap:14px;}
.draw{position:relative; overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:16px; padding:16px 18px; box-shadow:0 8px 24px rgba(0,0,0,.35); transition:transform .25s ease, box-shadow .25s ease;}
.draw:hover{transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,0,0,.45);}
.draw.featured{border:2px solid #F4C44E; box-shadow:0 0 22px rgba(242,196,76,.35), 0 8px 24px rgba(0,0,0,.35);}
.draw .dream{position:absolute; right:-8px; bottom:-12px; font-size:104px; color:rgba(44,39,64,0.05); pointer-events:none;}
.draw-body{display:flex; flex-direction:column; align-items:center; gap:8px; margin:8px 0 16px; position:relative;}
.draw-stats{display:flex; flex-direction:column; align-items:center; gap:5px; min-width:0;}
.draw-stats .st{display:flex; align-items:baseline; justify-content:center; gap:8px;}
.draw-stats .k{font-size:11px; color:#7A7588; white-space:nowrap;}
.draw-stats .v{font-size:20px; font-weight:900; color:#2C2740; white-space:nowrap;}
.draw-stats .v.hl{color:#E5253E; font-size:23px;}
.draw .ticket-img{position:absolute; right:-2px; top:14px; width:120px; pointer-events:none; filter:drop-shadow(0 0 16px rgba(242,196,76,.45));}
.role{display:block; width:fit-content; margin:0 auto 12px; text-align:center; font-size:12px; letter-spacing:.02em; font-weight:700; padding:5px 11px; border-radius:99px; color:#fff;}
.role.hot{background:linear-gradient(180deg,#F0354A,#C81832);}
.role.easy{background:linear-gradient(180deg,#39B98A,#1E8A63);}
.role.prem{background:linear-gradient(180deg,#9B5DE5,#6E36C9);}
.draw .nm{font-size:21px; font-weight:900; color:#fff; position:relative;}
.draw .nm-img{height:58px; width:auto; display:block; position:relative; flex:0 0 auto;}
.draw .meta{display:flex; gap:24px; margin:12px 0 14px; position:relative;}
.draw .meta .k{font-size:11px; color:var(--muted);}
.draw .meta .v{font-size:22px; color:var(--gold); margin-top:2px; font-family:"Archivo",sans-serif; font-weight:900;}
.draw .go{display:flex; align-items:center; justify-content:center; gap:6px; font-size:15px; font-weight:900; color:#fff; border-radius:99px; padding:13px; position:relative; background:linear-gradient(180deg,#FF5E72,#D71F38); box-shadow:0 6px 18px rgba(229,30,58,.4);}

/* trust */
.voice{background:rgba(255,255,255,0.04); border:1px solid var(--line); border-radius:16px; padding:18px; margin-top:6px;}
.voice .q{font-size:15px; color:var(--ink); font-weight:700; line-height:1.75;}
.voice .q b{color:var(--gold); font-family:"Archivo",sans-serif;}
.voice .who{font-size:12px; color:var(--muted); margin-top:8px;}
.more-voices{display:flex; align-items:center; justify-content:center; gap:6px; font-size:13px; font-weight:700; color:var(--gold); text-decoration:none; margin:12px 0 4px;}
.more-voices i{font-size:14px;}
.trust3{display:flex; gap:8px; margin-top:18px; text-align:center;}
.t3{flex:1;}
.t3 .ic{width:60px; height:60px; border-radius:99px; margin:0 auto 10px; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 0 20px rgba(155,93,229,.35);}
.t3 .ic .ti{font-size:27px;}
.t3 .ic.shield{background:linear-gradient(160deg,#7CA8F0,#9B5DE5);}
.t3 .ic.timer{background:linear-gradient(160deg,#F58FC2,#9B5DE5);}
.t3 .ic.lock{background:linear-gradient(160deg,#F8A1B6,#E0489B);}
.t3-t{font-size:13px; font-weight:900; color:#fff;}
.t3-d{font-size:11px; color:var(--muted); margin-top:6px; line-height:1.5;}

/* 3 step */
.steps3{margin:6px 0 0; text-align:center;}
.steps3 .hook{font-size:22px; font-weight:900; line-height:1.5; margin-bottom:4px; color:#fff;}
.steps3 .hook .ten{font-family:"Archivo",sans-serif; font-size:36px; font-weight:900; color:var(--gold); margin:0 3px; text-shadow:0 0 18px rgba(242,196,76,.5);}
.steps3 .row{display:flex; align-items:flex-start; gap:6px; margin-top:20px;}
.steps3 .step{flex:1;}
.steps3 .ic{width:54px; height:54px; border-radius:99px; margin:0 auto 9px; display:flex; align-items:center; justify-content:center; background:linear-gradient(160deg,#FFE0A3,#E0A93A); box-shadow:0 0 18px rgba(242,196,76,.3);}
.steps3 .ic .ti{font-size:24px; color:#5A3A06;}
.steps3 .nm{font-size:13px; font-weight:900; color:#fff;}
.steps3 .sub{font-size:11px; color:var(--muted); margin-top:3px;}
.steps3 .arr{font-size:16px; color:var(--gold-d); margin-top:16px;}

/* bottom cta */
.cta-final{margin:34px 0 0; text-align:center;}
.cta-final .kicker{font-size:18px; font-weight:900; margin-bottom:16px; color:#fff;}
.cta-final .kicker b{color:var(--gold);}
.foot{font-size:11px; color:var(--faint); text-align:center; margin:22px 0 0; line-height:1.95;}

.bridge{display:none;}
@media (prefers-reduced-motion:reduce){ .cta,.cta::after,.ticker .track{animation:none;} .ticker .track{padding-left:0;} }