/* FlinkOne — 메인 전용 (index.html). 메인은 common.css 없이 이 파일 하나로 동작합니다. */
body{margin:0;font-family:'Noto Sans KR',sans-serif;color:#FFFFFF;background:#0B0628;word-break:keep-all;-webkit-font-smoothing:antialiased}
.px{font-family:Silkscreen,monospace;font-weight:700;text-transform:uppercase;letter-spacing:0}
.pxl{font-family:Silkscreen,monospace;font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.wd{font-family:Unbounded,'Noto Sans KR',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}
.ui{font-family:Unbounded,'Noto Sans KR',sans-serif}
.dp{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:400}
.ol{color:transparent;-webkit-text-stroke:3px #35F2A8}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{color:#35F2A8}
.nav a{color:#0B0628;text-decoration:none;padding:12px 16px;border-radius:10px;font-family:Unbounded,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.01em;transition:background .2s,color .2s}
.nav a:hover{background:rgba(11,6,40,.1)}
.nav a.cta{background:#0B0628;color:#35F2A8}.nav a.cta:hover{background:#3617CE;color:#FFFFFF}
.tag{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:999px;background:#FFFFFF;color:#0B0628;font-family:Unbounded,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap;border:1.5px solid #0B0628}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:12px;font-family:Unbounded,'Noto Sans KR',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .3s cubic-bezier(.2,.9,.3,1.3)}
.btn:hover{transform:translateY(-3px) rotate(-1.5deg)}
.btn-mint{background:#35F2A8;color:#0B0628}.btn-mint:hover{background:#0B0628;color:#35F2A8}
.btn-ink{background:#0B0628;color:#FFFFFF}.btn-ink:hover{background:#3617CE;color:#FFFFFF}
.btn-ln{background:transparent;color:#FFFFFF;box-shadow:inset 0 0 0 2px #FFFFFF}.btn-ln:hover{background:#FFFFFF;color:#0B0628}
.stk{transition:rotate .5s cubic-bezier(.2,.9,.3,1.3)}
.stk:hover{rotate:0deg !important}
.mq{display:flex;width:max-content;animation:mq 34s linear infinite}
.mq.rv{animation-direction:reverse;animation-duration:40s}
.mq>div{display:flex;align-items:center;flex:none}
.blink{display:inline-block;width:.42em;height:.62em;margin-left:.12em;background:#35F2A8;vertical-align:baseline;animation:blink 1s steps(1) infinite}
.wipe{animation:wipe 1.1s steps(12) .25s both}
.bob{animation:bob 1.6s steps(4) infinite}
.float{animation:float 9s ease-in-out infinite}
.pop{animation:pop .8s cubic-bezier(.2,.9,.3,1.25) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}
.lk{color:#FFFFFF;text-decoration:none}.lk:hover{color:#35F2A8}
.fpill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;background:#FFFFFF;color:#0B0628;font-size:14px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.2,.9,.3,1.3),background .2s}
.fpill:hover{background:#35F2A8;color:#0B0628;transform:rotate(-4deg) scale(1.04)}
.diag-m{display:none}
@media (max-width:760px){.diag{display:none !important}.diag-m{display:flex}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes blink{50%{opacity:0}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 4px}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes pop{0%{opacity:0;scale:.6;rotate:-10deg}70%{opacity:1;scale:1.05}100%{opacity:1;scale:1;rotate:0deg}}
.still *{animation:none !important}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mf-line{display:block;color:rgba(255,255,255,.14);transition:color .6s ease}
.mf-em{color:rgba(53,242,168,.18);transition:color .6s ease}
.mf-line.on{color:#FFFFFF}
.mf-line.on .mf-em{color:#35F2A8}
.still .mf-line{color:#FFFFFF}.still .mf-em{color:#35F2A8}