:root{--bg0:#2a1418;--bg1:#120910;--glass:#ffffff14;--glass2:#ffffff1f;--line:#ffffff24;--line2:#ffffff38;--text:#fffffff0;--muted:#ffffffb8;--shadow:0 20px 60px #0000008c;--shadow2:0 12px 28px #00000073;--radius:18px;--radius2:24px;--container:1120px}body{color:var(--text);background:0 0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Pretendard,Apple SD Gothic Neo,Segoe UI,Roboto,Arial,Noto Sans KR,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1500px 900px at 18% -15%,#fcfeff4d,transparent 62%),radial-gradient(1200px 760px at 92% 8%,#ffe4aa3d,transparent 60%),radial-gradient(1100px 820px at 50% 120%,#dcb96933,transparent 64%),radial-gradient(1000px 820px at 22% 110%,#96182633,transparent 66%),linear-gradient(180deg,var(--bg0),var(--bg1));position:fixed;inset:0}.page{background:0 0;min-height:100vh}a{color:inherit}img{max-width:100%;display:block}button{font-family:inherit}.container{width:min(var(--container),calc(100% - 32px));background:0 0;margin:0 auto}.wrap{width:min(var(--container),calc(100% - 32px));margin:0 auto}:root{--bg0:#1a0a10;--bg1:#0c0508;--glass:#ffffff1a;--glass2:#ffffff24;--line:#ffffff2e;--line2:#ffffff47;--text:#ffffffeb;--muted:#ffffffb8;--shadow:0 20px 60px #0000008c;--shadow2:0 12px 28px #00000073;--radius:20px;--radius2:26px;--fs-base:18px;--fs-sm:15px;--fs-xs:14px;--fs-title:20px;--fs-tab:18px;--fs-cardTitle:19px;--lh-base:1.45;--container:980px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Pretendard,Apple SD Gothic Neo,Segoe UI,Roboto,Arial,Noto Sans KR,sans-serif;font-size:var(--fs-base);line-height:var(--lh-base);background:radial-gradient(1500px 980px at 50% -12%,#ffffff29,#fff0 62%),radial-gradient(1200px 760px at 18% -12%,#ffe7aa2e,#ffe7aa00 64%),radial-gradient(1100px 680px at 92% 6%,#ffd68c24,#ffd68c00 62%),radial-gradient(1200px 980px at 50% 118%,#fff6dc1f,#fff6dc00 66%),linear-gradient(#12080c 0%,#0e0609 55%,#0c0507 100%);margin:0;overflow-x:hidden}.hero{width:100%;position:relative;overflow:hidden}.hero-inner{width:min(var(--container),100%);margin:0 auto;position:relative}.hero-bg{z-index:0;filter:blur(26px)saturate(1.05);opacity:.55;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.12)}.hero-overlay{pointer-events:none;z-index:3;background:radial-gradient(900px 540px at 18% 18%,#ffffff24,#0000 58%),linear-gradient(#220a0e0a 0%,#0000004d 80%,#00000085 100%);position:absolute;inset:0}.hero-stage{z-index:2;width:100%;height:clamp(200px,56.25vw,422px);box-shadow:var(--shadow2);-webkit-user-select:none;user-select:none;background:#220a0e61;border:1px solid #ffffff1f;border-radius:26px;position:relative;overflow:hidden}.hero-viewport{touch-action:pan-y;cursor:grab;width:100%;height:100%;overflow:hidden}.hero-stage.is-dragging .hero-viewport{cursor:grabbing}.hero-track{will-change:transform;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.22,.8,.22,1);display:flex}.hero-slide{flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.hero-img{object-fit:contain;object-position:center;filter:saturate(1.05)contrast(1.05);width:100%;max-width:100%;height:100%;max-height:100%;display:block}.hero-stage.is-dragging .hero-track{transition-duration:0s!important}.hero-dots{z-index:5;-webkit-backdrop-filter:blur(12px);background:#0c050759;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;gap:8px;width:fit-content;margin:10px auto 0;padding:7px 10px;display:flex;position:relative}.hero-dot{cursor:pointer;opacity:.55;background:#ffffffd9;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:transform .18s,opacity .18s,width .18s}.hero-dot.is-active{opacity:1;background:#ffd68cf2;width:20px;transform:scale(1.12)}@media (max-width:820px){.hero-bg{filter:blur(18px)saturate(1.03);opacity:.45;transform:scale(1.1)}.hero-stage{border-radius:0}.hero-dots{gap:10px;margin-top:3px;margin-bottom:5px;padding:8px 10px}.hero-dot{width:7px;height:7px}.hero-dot.is-active{width:18px}}.snsbar{margin:10px 0 18px}.snsbar .container{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius2);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(16px);overflow:hidden}.snsbar-head{text-align:center;background:linear-gradient(#ffffff17,#ffd68c0d);border-bottom:1px solid #ffffff1f;padding:14px 16px 10px}.snsbar-title{letter-spacing:-.2px;font-weight:900;font-size:var(--fs-title)}.snsbar-sub{font-size:var(--fs-sm);opacity:.85;color:var(--muted);margin-top:4px;line-height:1.35}.snsbar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:12px;list-style:none;display:grid}.snsbar-item{-webkit-tap-highlight-color:transparent;background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:0 10px 22px #0003}.snsbar-item:hover{background:#ffd68c14;border-color:#ffffff4d;transform:translateY(-2px)}.snsbar-ico{background:#ffffff1a;border:1px solid #ffffff29;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.snsbar-ico img{object-fit:contain;filter:drop-shadow(0 8px 10px #00000059);width:22px;height:22px}.snsbar-icoText{color:#ffffffeb;font-size:16px;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff24,0 0 8px #fff6dc1a,0 0 6px #ffd68c0f}.snsbar-label{text-align:center;color:#ffffffe6;font-size:20px;font-weight:800;line-height:1.15}.tabs{gap:10px;margin:18px 0 23px;display:flex}.tab{color:var(--text);cursor:pointer;letter-spacing:-.2px;font-weight:900;font-size:var(--fs-tab);background:#ffffff12;border:1px solid #ffffff29;border-radius:16px;flex:1 1 0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.tab:hover{background:#ffd68c14;border-color:#ffffff4d;transform:translateY(-1px)}.tab.is-active{background:linear-gradient(#fff6dc24,#ffffff0f);border-color:#ffffff57}.tab-label{text-align:center;flex:auto}.tab-icon{opacity:.95;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;font-weight:950;line-height:1;display:grid}.tab-icon.is-closed{letter-spacing:-2px;transform:translateY(-1px)}.tab-icon.is-open{background:#ffd68c14;border-color:#ffffff42;font-size:20px}.stack{flex-direction:column;gap:16px;margin-bottom:60px;display:flex}.stack--tight{margin-top:0}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius2);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(16px);margin-bottom:20px;overflow:hidden}.card-head{text-align:center;background:linear-gradient(#ffffff17,#ffd68c0d);border-bottom:1px solid #ffffff1f;padding:16px 16px 12px}.card-title{letter-spacing:-.2px;font-size:20px;font-weight:950}.card-sub{font-size:var(--fs-sm);color:var(--muted);margin-top:4px;line-height:1.5}.imgGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.imgCard{background:#220a0e42;border:1px solid #ffffff29;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 14px 30px #00000040}.imgCard img{object-fit:contain;width:100%;height:auto;padding:8px}.videoGrid{text-align:center;grid-template-columns:1fr 1fr;gap:14px;padding:14px;display:grid}.videoBox{background:#ffffff0d;border:1px solid #ffffff24;border-radius:18px;overflow:hidden}.videoTitle{color:#ffffffeb;border-bottom:1px solid #ffffff1f;padding:12px 12px 10px;font-size:20px;font-weight:900}.videoFrame{padding:12px}.videoFrame iframe{aspect-ratio:16/9;background:#220a0e42;border:0;border-radius:16px;width:100%;box-shadow:0 16px 40px #00000073}.footer{color:var(--muted);text-align:center;padding:30px}.footer p{margin:0}.fab{color:#ffffffeb;cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(14px);z-index:60;background:#220a0e94;border:1px solid #ffffff29;border-radius:50px;transition:transform .18s,background .18s,border-color .18s;position:fixed;right:18px}.fab-top{bottom:76px}.fab-bottom{bottom:22px}.fab:hover{background:#ffd68c1f;border-color:#ffffff4d;transform:translateY(-2px)}.card:hover,.snsbar-item:hover,.tab:hover,.videoBox:hover{border-color:#ffffff3d;box-shadow:0 16px 38px #00000085,0 0 0 1px #ffffff1a,0 0 12px #fff6dc1f,0 0 8px #ffd68c14}@keyframes fadeInSoft{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.22s both fadeInSoft}@media (max-width:980px){.videoGrid,.imgGrid{grid-template-columns:1fr}}@media (max-width:820px){.hero-bg{filter:blur(18px)saturate(1.03);opacity:.45;transform:scale(1.1)}.snsbar-head{padding:12px 12px 8px;display:block}.snsbar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.snsbar-item{border-radius:14px;padding:10px 6px}.snsbar-ico{background:#ffffff14;border:none;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.snsbar-ico img{object-fit:contain;width:32px;height:32px}.snsbar-icoText{color:#fff;background:#00c642;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:900;display:flex}.snsbar-label{font-size:11px;line-height:1.1}.tabs{gap:8px;margin-top:14px}.tab{border-radius:14px;padding:11px 12px;font-size:13px}.tab-icon{border-radius:10px;width:30px;height:30px;font-size:16px}.tab-icon.is-open{font-size:18px}.stack--tight{margin-top:-6px}}@media (min-width:821px){.hero-inner{padding:10px 16px 8px}.hero-img{object-fit:contain;width:100%;height:auto;max-height:420px;margin:0 auto;display:block}.snsbar{z-index:900;background:0 0;border:none;width:auto;padding:0;position:fixed;top:38%;right:20px;transform:translateY(-50%)}.snsbar .container{width:auto;box-shadow:none;-webkit-backdrop-filter:none;margin:0;padding:0}.snsbar-head{display:none}.snsbar-grid{flex-direction:column;gap:10px;margin-top:20px;margin-bottom:20px;padding:0;display:flex}.snsbar-grid li{margin:0;padding:0;list-style:none}.snsbar-item{width:68px;height:68px;box-shadow:none;-webkit-backdrop-filter:blur(14px);background:#1e00009e;border:1px solid #ffffff24;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.snsbar-item:hover{background:#120a0ed1;border-color:#fff6;transform:translateY(-4px);box-shadow:0 0 0 1px #fff3,0 12px 28px #00000094,0 0 22px #f5f6ff2e,0 0 26px #d2465a38}.snsbar-ico{background:0 0;border:none}.snsbar-ico img{width:34px;height:34px}.snsbar-icoText{color:#fff;background:#00b72b;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;font-weight:900;display:flex}.snsbar-label{display:none}}@media (max-width:480px){.fab{border-radius:16px;width:44px;height:44px;right:12px}}