:root{
  --bg:#fbfaf7;--card:#ffffff;--line:rgba(20,30,70,.08);--text:#18203a;--sub:#5f6885;
  --sky:#3b82f6;--coral:#ff7a59;--sun:#ffc53d;--mint:#14c9a4;
  --grad:linear-gradient(120deg,#ff6a3d 0%,#ff8f4d 45%,#ff5f9e 100%);
  --soft:0 20px 50px -24px rgba(40,60,140,.28);--r:24px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3a404d var(--bg)}
html::-webkit-scrollbar{width:8px}
html::-webkit-scrollbar-track{background:var(--bg)}
html::-webkit-scrollbar-thumb{background:#3a404d;border:2px solid var(--bg);border-radius:8px}
body{word-break:keep-all;font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}

.blobs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.blobs i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:float 16s ease-in-out infinite alternate}
.blobs i:nth-child(1){width:520px;height:520px;background:#ffd6c7;top:-180px;left:-120px}
.blobs i:nth-child(2){width:460px;height:460px;background:#cfe2ff;top:10%;right:-160px;animation-delay:-5s}
.blobs i:nth-child(3){width:380px;height:380px;background:#fff0b8;bottom:-140px;left:25%;animation-delay:-10s}
@keyframes float{to{transform:translate(50px,40px) scale(1.1)}}

header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.6);background:rgba(251,250,247,.72);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:inline-flex;align-items:center;gap:14px;font-size:23px;font-weight:800;letter-spacing:.5px}
.logo img{transition:.4s}.logo:hover img{transform:rotate(-8deg) scale(1.1)}
.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.menu{display:flex;gap:28px;font-size:15px;color:var(--sub);font-weight:500}
.menu a{position:relative}
.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;border-radius:2px;background:var(--coral);transition:.3s}
.menu a:hover{color:var(--text)}.menu a:hover:after{right:0}
.nav-cta{padding:10px 18px;border-radius:999px;background:var(--text);color:#fff;font-size:14px;font-weight:700;transition:.2s}
.nav-cta:hover{background:var(--coral)}
.acts{display:flex;align-items:center;gap:4px}
.qlink{padding:9px 12px;border-radius:999px;font-size:14px;font-weight:700;color:var(--sub);white-space:nowrap;transition:.2s}
.qlink:hover{color:var(--text);background:rgba(20,26,46,.05)}
.burger{display:none;position:relative;width:44px;height:44px;border:0;border-radius:14px;background:rgba(20,26,46,.05);cursor:pointer}
.burger i{position:absolute;left:13px;width:18px;height:2px;border-radius:2px;background:var(--text);transition:.3s cubic-bezier(.2,1,.3,1)}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.burger[aria-expanded=true] i:nth-child(1){top:21px;rotate:45deg}.burger[aria-expanded=true] i:nth-child(2){opacity:0;scale:.2}.burger[aria-expanded=true] i:nth-child(3){top:21px;rotate:-45deg}
.drawer{position:fixed;inset:68px 0 0;z-index:61;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px 24px;background:rgba(24,32,58,.28);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.25s}
.drawer.on{opacity:1;visibility:visible}
.sheet{max-width:520px;margin:0 auto;padding:14px;border-radius:24px;background:#fff;box-shadow:0 30px 70px -20px rgba(24,32,58,.45);transform:translateY(-12px);transition:.35s cubic-bezier(.2,1.2,.4,1)}
.drawer.on .sheet{transform:none}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quick a{display:grid;gap:2px;padding:16px;border-radius:18px;background:linear-gradient(145deg,#fff8f5,#fff);box-shadow:0 0 0 1px rgba(255,106,61,.14)}
.quick .ic{width:44px;height:44px;border-radius:14px;margin-bottom:10px}.quick .ic svg{width:22px;height:22px}
.quick b{font-size:16px}.quick small{font-size:12px;color:var(--sub)}
.dlinks{display:grid;margin-top:8px}
.dlinks a{display:flex;justify-content:space-between;align-items:center;padding:15px 8px;border-bottom:1px solid var(--line);font-size:16px;font-weight:600}
.dlinks a:after{content:"›";font-size:20px;color:var(--sub)}
.dlinks a:last-child{border-bottom:0}
.dcta{display:block;margin-top:8px;padding:16px;border-radius:16px;background:var(--grad);color:#fff;text-align:center;font-weight:800;box-shadow:0 14px 30px -12px rgba(255,122,89,.7)}
@media (max-width:1020px){.acts{display:none}.burger{display:block}}
body.lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}