.kr{background:#0B0B0C;color:#fff;width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;overflow-x:hidden}
.kr *{box-sizing:border-box}
.kr__hero{text-align:center;padding:44px 20px 12px;max-width:900px;margin:0 auto}
.kr__hero h1{font-size:clamp(32px,5.6vw,60px);line-height:1.06;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}
.kr__hero h1 span{color:#F2B233}
.kr__hero p{font-size:18px;color:#b7bcc4;margin:0 auto;max-width:600px}
.kr__fan{padding:18px 0 8px}
.kr__stage{position:relative;height:clamp(340px,52vw,460px);max-width:1100px;margin:0 auto}
.kr__card{position:absolute;left:50%;top:10px;width:clamp(190px,26vw,260px);aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#15181C;box-shadow:0 14px 34px rgba(0,0,0,.5);transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .7s;display:block;text-decoration:none;color:#fff}
.kr__card img{width:100%;height:100%;object-fit:cover;display:block}
.kr__card span{position:absolute;left:10px;bottom:10px;background:#fff;color:#111;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kr__card.on{box-shadow:0 20px 50px rgba(242,178,51,.22)}
.kr__cap{text-align:center;margin-top:6px}
.kr__cap b{display:block;font-size:20px;margin-bottom:10px}
.kr__go,.kr__btn{background:#F2B233;color:#1A1204;border-radius:999px;padding:12px 26px;font-weight:600;text-decoration:none;display:inline-block}
.kr__dots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:16px auto 0;max-width:420px}
.kr__dots button{width:8px;height:8px;border-radius:50%;border:0;background:#3a3f46;padding:0;cursor:pointer}
.kr__dots button.on{background:#F2B233;width:20px;border-radius:8px}
.kr__faces{max-width:900px;margin:0 auto;padding:30px 20px;text-align:center}
.kr__faces[hidden]{display:none}
.kr h2{font-size:clamp(24px,3.6vw,36px);margin:0 0 12px;font-weight:800;text-align:center}
.kr__sub{color:#b7bcc4;margin:0 0 18px}
.kr__row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.kr__face{width:clamp(110px,20vw,160px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;border:3px solid transparent;padding:0;background:#15181C;cursor:pointer}
.kr__face img{width:100%;height:100%;object-fit:cover;display:block}
.kr__face.on{border-color:#F2B233}
.kr__sec{max-width:1000px;margin:0 auto;padding:34px 20px}
.kr__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kr__steps div{background:#15181C;border-radius:20px;padding:24px}
.kr__steps b{font-size:19px;display:block}
.kr__steps p{color:#b7bcc4;margin:8px 0 0}
.kr__steps i{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#F2B233;color:#1A1204;align-items:center;justify-content:center;font-style:normal;font-weight:700;margin-bottom:10px}
.kr__why ul{list-style:none;padding:0;margin:0 auto;max-width:640px;display:grid;gap:12px}
.kr__why li{background:#15181C;border-radius:16px;padding:16px 20px;color:#b7bcc4}
.kr__why li b{color:#fff}
.kr__faq{max-width:720px}
.kr__faq details{border-bottom:1px solid #2a2f36;padding:14px 0}
.kr__faq summary{font-weight:700;cursor:pointer}
.kr__faq p{color:#b7bcc4;margin:8px 0 0}
.kr__final{background:#15181C;color:#fff;text-align:center;padding:64px 20px}
.kr__final h2{color:#fff;font-size:clamp(28px,4.4vw,46px);margin:0 0 22px}
.kr__final .kr__btn{padding:14px 32px;font-size:17px}
@media (max-width:700px){.kr__steps{grid-template-columns:1fr}.kr__stage{height:360px}}
@media (prefers-reduced-motion:reduce){.kr__card{transition:none}}

html,body{overflow-x:hidden}.kr__card span{background:#0B0B0C;color:#fff}