:root{--ink:#0b1220;--cream:#f4f7fb;--paper:#fff;--ocean:#0a6ebd;--ocean-deep:#063a6b;--hero-red:#e11d48;--gold:#f5c518;--mint:#14b8a6;--line:#0b12201f;--font:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--display:"Black Han Sans", "Noto Sans KR", Impact, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%, #14b8a62e, transparent 55%), radial-gradient(900px 420px at 90% 0%, #f5c51833, transparent 50%), linear-gradient(180deg, #e8f3ff 0%, var(--cream) 28%, #eef2f7 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{min-height:100vh}.local-bar{text-align:center;color:#7a5a00;background:#fff3cd;border-bottom:1px solid #e0c36a;padding:.4rem .75rem;font-size:12px}.top{z-index:20;color:#f8fafc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06182eeb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.7rem 1.1rem;display:flex;position:sticky;top:0}.logo{align-items:center;gap:.55rem;display:inline-flex}.logo-mark{background:linear-gradient(145deg, var(--hero-red), #fb7185);color:#fff;width:2.1rem;height:2.1rem;font-family:var(--display);border-radius:.55rem;place-items:center;font-size:1.2rem;animation:2.4s ease-in-out infinite pulse-ring;display:grid;box-shadow:0 0 0 3px #f5c5188c}.logo strong{font-size:1rem;line-height:1.1;display:block}.logo em{letter-spacing:.14em;opacity:.75;font-size:.65rem;font-style:normal;display:block}.top nav{flex-wrap:wrap;gap:.75rem 1rem;font-size:.86rem;font-weight:700;display:flex}.top nav a:hover{color:var(--gold)}.lang{gap:.3rem;display:flex}.lang button{appearance:none;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:999px;padding:.25rem .55rem;font-size:12px}.lang button.is-on{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:800}.hero-stage{isolation:isolate;border-bottom:4px solid var(--ink);position:relative;overflow:hidden}.hero-bleed{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bleed-img{object-fit:cover;object-position:center 35%;width:100%;height:100%;animation:18s ease-in-out infinite alternate kenburns;transform:scale(1.04)}.hero-bleed-scrim{background:linear-gradient(90deg,#f4f7fbf0 0%,#f4f7fbc7 42%,#f4f7fb59 70%,#04152640 100%),linear-gradient(#04152626,#0000 40%,#f4f7fb8c 100%);position:absolute;inset:0}.speed-lines{mix-blend-mode:soft-light;opacity:.85;background:repeating-linear-gradient(-18deg,#0000 0 14px,#ffffff12 14px 16px);animation:2.8s linear infinite speed-sweep;position:absolute;inset:-10% -20%}.hero{z-index:1;grid-template-columns:1.15fr .95fr;align-items:center;gap:1.5rem;max-width:1120px;margin:0 auto;padding:2.2rem 1.1rem 2rem;display:grid;position:relative}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-bleed-scrim{background:linear-gradient(#f4f7fbe0,#f4f7fbb8 55%,#f4f7fbeb)}}.kicker{letter-spacing:.12em;color:var(--ocean-deep);margin:0;font-size:.72rem;font-weight:800}.city{color:var(--ocean);margin:.35rem 0 0;font-weight:800}.hero h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ocean-deep);text-shadow:3px 3px 0 var(--gold);margin:.35rem 0 .55rem;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.05;animation:.7s cubic-bezier(.2,1.4,.3,1) both title-pop}.lead{max-width:36rem;color:color-mix(in srgb, var(--ink) 82%, transparent);margin:0;font-size:1.02rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-weight:800;display:inline-flex}.btn-hero{background:linear-gradient(90deg, var(--hero-red), #fb7185);color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 24px #e11d4859}.btn-hero:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 14px 28px #e11d486b}.btn-ghost{border-color:var(--ocean);color:var(--ocean-deep);background:#fff}.badges{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.badges span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:800}.hero-art{isolation:isolate;min-height:320px;position:relative}.sfx{z-index:3;filter:drop-shadow(3px 3px #0b122059);pointer-events:none;width:7.5rem;height:auto;position:absolute}.sfx-uwa{animation:2.2s ease-in-out infinite sfx-bounce;top:-.4rem;left:4%}.sfx-kwang{width:6.5rem;animation:2.6s ease-in-out .35s infinite sfx-bounce;top:28%;right:2%}.sfx-jjan{width:6.2rem;animation:2.4s ease-in-out .7s infinite sfx-bounce;bottom:2%;left:28%}.comic-panel{z-index:1;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;gap:.15rem;padding:.75rem .9rem;animation:3.6s ease-in-out infinite floaty;display:grid;position:absolute;transform:rotate(-2deg)}.comic-panel img{width:4.5rem;margin-bottom:.2rem}.comic-panel strong{font-family:var(--display);font-size:1.35rem;line-height:1}.comic-panel span{color:var(--ocean);font-size:.72rem;font-weight:800}.comic-panel.p1{background:#fff7ed;top:14%;left:6%}.comic-panel.p2{background:#ecfeff;animation-delay:.4s;top:40%;right:4%;transform:rotate(3deg)}.comic-panel.p3{background:#fff1f2;animation-delay:.8s;bottom:12%;left:20%;transform:rotate(-4deg)}.slam-1{animation:.55s cubic-bezier(.2,1.5,.3,1) both panel-slam,3.6s ease-in-out .55s infinite floaty}.slam-2{animation:.55s cubic-bezier(.2,1.5,.3,1) .12s both panel-slam,3.6s ease-in-out .67s infinite floaty}.slam-3{animation:.55s cubic-bezier(.2,1.5,.3,1) .24s both panel-slam,3.6s ease-in-out .79s infinite floaty}.pow{z-index:2;font-family:var(--display);color:var(--hero-red);text-shadow:2px 2px 0 #fff, 4px 4px 0 var(--ink);font-size:1.85rem;animation:1.8s ease-in-out infinite pow-pop;position:absolute;top:4%;right:16%}.roster-strip{padding-top:1.25rem}.roster-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=900px){.roster-track{grid-template-columns:repeat(2,minmax(0,1fr))}}.roster-card{border:3px solid var(--ink);background:#fff;margin:0;transition:transform .18s;animation:.7s both card-rise;overflow:hidden;box-shadow:5px 5px #e11d4847}.roster-card:nth-child(2){animation-delay:80ms}.roster-card:nth-child(3){animation-delay:.16s}.roster-card:nth-child(4){animation-delay:.24s}.roster-card:hover{transform:translateY(-6px)rotate(-1deg)}.roster-card img{aspect-ratio:360/440;object-fit:cover;width:100%;display:block}.roster-card figcaption{border-top:2px solid var(--ink);background:#fffbeb;padding:.55rem .65rem;font-size:.86rem;font-weight:800}.card-art{aspect-ratio:16/9;object-fit:cover;border-bottom:2px solid var(--ink);width:calc(100% + 2rem);max-width:none;margin:-1rem -1rem .75rem;display:block}.pack .card-art{aspect-ratio:640/220}.channel .card-art{aspect-ratio:480/280}.section{max-width:1120px;margin:0 auto;padding:1.75rem 1.1rem}.section h2{font-family:var(--display);color:var(--ocean-deep);margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.section-lead{max-width:40rem;color:color-mix(in srgb, var(--ink) 72%, transparent);margin:.45rem 0 1rem}.mission-grid,.channel-grid,.pack-grid{gap:.75rem;display:grid}.mission-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.channel-grid,.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.mission-grid,.channel-grid,.pack-grid{grid-template-columns:1fr}}.mission-card,.channel,.pack{background:var(--paper);border:2px solid var(--ink);padding:1rem;transition:transform .15s;overflow:hidden;box-shadow:4px 4px #0a6ebd59}.mission-card:hover,.channel:hover,.pack:hover{transform:translate(-2px,-2px)}.mission-card h3,.pack h3{margin:0 0 .35rem;font-size:1.05rem}.mission-card p,.channel span{color:color-mix(in srgb, var(--ink) 70%, transparent);margin:0;font-size:.92rem}.channel strong{font-family:var(--display);margin-bottom:.25rem;display:block}.gate{color:#f8fafc;border:3px solid var(--ink);max-width:1120px;box-shadow:8px 8px 0 var(--gold);background:linear-gradient(120deg,#06233f,#0a6ebd 70%,#14b8a6);border-radius:1.25rem;grid-template-columns:1.3fr .7fr;align-items:center;gap:1rem;margin:.5rem auto 1rem;padding:1.4rem 1.2rem;display:grid}.gate h2,.gate .section-lead{color:#fff}.gate ul{margin:0;padding-left:1.1rem}.gate li{margin:.35rem 0}.gate-stamp{justify-self:center;width:min(14rem,70vw);animation:3.2s ease-in-out infinite stamp-wobble}.gate-stamp img{filter:drop-shadow(0 10px 20px #00000059);width:100%;height:auto;display:block}@media (width<=900px){.gate{grid-template-columns:1fr}}.price{font-family:var(--display);color:var(--hero-red);margin:0 0 .55rem;font-size:1.45rem}.pack ul{color:color-mix(in srgb, var(--ink) 75%, transparent);margin:0;padding-left:1.05rem}.forms{border:3px solid var(--ink);background:#fff;border-radius:1.25rem;box-shadow:8px 8px #e11d4840}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.tabs button{appearance:none;border:2px solid var(--ink);cursor:pointer;background:#f8fafc;border-radius:999px;padding:.45rem .8rem;font-weight:800}.tabs button.is-on{background:var(--gold)}.flash{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:.6rem;padding:.55rem .7rem;font-size:.9rem}.form{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form label{gap:.3rem;font-size:.82rem;font-weight:700;display:grid}.form label.full{grid-column:1/-1}.form input,.form select,.form textarea{border:2px solid var(--ink);background:#f8fafc;border-radius:.55rem;padding:.55rem .65rem}.form .btn{grid-column:1/-1;justify-self:start;margin-top:.25rem}@media (width<=720px){.form{grid-template-columns:1fr}}.inbox{border-top:2px dashed var(--line);margin-top:1rem;padding-top:.85rem}.inbox h3{margin:0 0 .4rem;font-size:.95rem}.inbox ul{color:color-mix(in srgb, var(--ink) 70%, transparent);margin:0;padding-left:1.1rem;font-size:.86rem}.contact dl{gap:.65rem;margin:0;display:grid}.contact dt{color:var(--ocean);font-size:.75rem;font-weight:800}.contact dd{margin:.1rem 0 0;font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.foot{text-align:center;background:var(--ocean-deep);color:#f8fafcd9;margin-top:1.5rem;padding:1.1rem;font-size:.82rem}@keyframes floaty{0%,to{translate:0}50%{translate:0 -8px}}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.08)translate(-1.5%,1%)}}@keyframes speed-sweep{0%{transform:translate(0)}to{transform:translate(8%)}}@keyframes panel-slam{0%{opacity:0;transform:scale(1.35)rotate(-12deg)}to{opacity:1}}@keyframes sfx-bounce{0%,to{transform:translateY(0)rotate(-6deg)scale(1)}50%{transform:translateY(-10px)rotate(4deg)scale(1.06)}}@keyframes card-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pow-pop{0%,to{transform:scale(1)rotate(-6deg)}50%{transform:scale(1.12)rotate(4deg)}}@keyframes title-pop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 3px #f5c51873}50%{box-shadow:0 0 0 6px #f5c51833}}@keyframes stamp-wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.hero-bleed-img,.speed-lines,.sfx,.comic-panel,.pow,.gate-stamp,.logo-mark,.roster-card{animation:none!important}}