:root{--blue-50:#f4f7fe;--blue-100:#e3eafb;--blue-200:#c6d5f5;--blue-300:#9db6ee;--blue-400:#6e8fe4;--blue-500:#4a7cf0;--blue-600:#2f6be5;--blue-700:#2456c9;--ink:#1a1e2e;--bg:#fff;--bg-soft:#f7f9fe;--shadow:rgba(47,107,229,.12)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Pretendard Variable,Pretendard,Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}main{position:fixed;inset:0}canvas{touch-action:none;display:block}.header{position:fixed;top:0;left:0;right:0;z-index:30;justify-content:space-between;padding:22px 42px;pointer-events:none}.header,.logo{display:flex;align-items:center}.logo{gap:10px;text-decoration:none;pointer-events:auto}.logo-q{width:34px;height:34px}.logo-text{font-size:23px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.logo-text em{font-style:normal;color:var(--blue-500)}.nav{display:flex;gap:8px;pointer-events:auto}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:15.5px;font-weight:500;color:var(--ink);letter-spacing:.02em;padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .18s,background .18s}.nav-item:hover,.nav-item[aria-expanded=true]{color:var(--blue-500);background:var(--blue-50)}.nav-item-wrap{position:relative}.nav-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;max-height:60vh;overflow-y:auto;background:var(--bg);border-radius:16px;box-shadow:0 12px 40px rgba(36,86,201,.16);padding:8px}.nav-menu,.nav-menu-item{display:flex;flex-direction:column}.nav-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;text-align:left;gap:2px;padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--ink)}.nav-menu-item small{color:var(--blue-400);font-size:12px}.nav-menu-item:focus-visible,.nav-menu-item:hover{background:var(--blue-50);color:var(--blue-600)}.b-label{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--bg);border-radius:12px;padding:8px 16px;box-shadow:0 8px 28px rgba(36,86,201,.18);white-space:nowrap;animation:label-in .22s ease-out}.b-label-name{font-size:14.5px;font-weight:600;color:var(--ink)}.b-label-en{font-size:11.5px;color:var(--blue-500);letter-spacing:.03em}@keyframes label-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel{position:fixed;top:0;left:0;bottom:0;z-index:25;width:min(400px,92vw);transform:translateX(-105%);transition:transform .55s cubic-bezier(.32,.72,.22,1);pointer-events:none}.panel-open{transform:translateX(0);pointer-events:auto}.panel-inner{position:absolute;inset:92px 0 24px 24px;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 18px 60px rgba(36,86,201,.14);padding:34px 30px;display:flex;flex-direction:column;overflow-y:auto}.panel-close{position:absolute;top:18px;right:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:34px;height:34px;border-radius:50%;background:var(--blue-50);color:var(--blue-600);font-size:14px;cursor:pointer;transition:background .18s}.panel-close:hover{background:var(--blue-100)}.panel-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--blue-600);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:999px;padding:5px 12px;margin-bottom:14px}.panel-title{font-size:26px;font-weight:700;letter-spacing:-.02em}.panel-name-en{font-size:13px;color:var(--blue-400);margin-top:4px;letter-spacing:.04em}.panel-slogan{margin-top:22px;font-size:17px;font-weight:600;color:var(--blue-600);line-height:1.5;display:flex;flex-direction:column}.panel-slogan span{font-size:13px;font-weight:500;color:var(--blue-400);margin-top:2px}.panel-desc{margin-top:16px;font-size:15px;line-height:1.75;color:rgba(26,30,46,.8)}.panel-cta{display:flex;gap:10px;margin-top:28px}.btn{font-size:14.5px;font-weight:600;padding:12px 22px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.btn-primary{background:var(--blue-500);color:#fff;box-shadow:0 8px 22px rgba(74,124,240,.35)}.btn-primary:hover{background:var(--blue-600);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--blue-200);color:var(--blue-600)}.btn-outline:hover{border-color:var(--blue-400);background:var(--blue-50)}.panel-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;margin-top:auto;padding-top:26px;font-size:13.5px;color:var(--blue-400);cursor:pointer;text-align:left;transition:color .15s}.hint,.panel-back:hover{color:var(--blue-600)}.hint{position:fixed;left:50%;bottom:34px;transform:translate(-50%,16px);z-index:20;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--blue-100);font-size:13.5px;font-weight:500;padding:11px 22px;border-radius:999px;box-shadow:0 10px 30px rgba(36,86,201,.12);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}.hint-visible{opacity:1;transform:translate(-50%)}.loader{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .65s ease}.loader-out{opacity:0;pointer-events:none}.loader-q{width:58px;height:58px;animation:pulse 1.5s ease-in-out infinite}.loader-text{font-size:15px;font-weight:600;letter-spacing:.14em;color:var(--blue-500);text-transform:uppercase}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.65}}@media (prefers-reduced-motion:reduce){.loader-q{animation:none}.panel{transition:none}}@media (max-width:1023px){.header{padding:16px 18px}.nav-item{font-size:13.5px;padding:6px 8px}@media (max-width:560px){.nav>.nav-item{display:none}}.logo-text{font-size:19px}.panel-inner{inset:auto 12px 12px 12px;max-height:52vh;padding:26px 22px}.panel{width:100vw;transform:translateY(110%)}.panel-open{transform:translateY(0)}}