@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";
:root{--surface:#f7f9fb;--surface-dim:#d8dadc;--surface-bright:#f7f9fb;--surface-lowest:#fff;--surface-low:#f2f4f6;--surface-mid:#eceef0;--surface-high:#e6e8ea;--surface-highest:#e0e3e5;--on-surface:#191c1e;--on-surface-variant:#3b494c;--outline:#6b7a7d;--outline-variant:#bac9cc;--primary:#006875;--primary-container:#00e5ff;--on-primary:#fff;--on-primary-container:#00626e;--inverse-primary:#00daf3;--secondary:#3e5f92;--secondary-container:#a5c5ff;--on-secondary:#fff;--tertiary:#006d43;--tertiary-container:#64e8a4;--on-tertiary:#fff;--ocean-deep:#001b3d;--turquoise-glow:#40e0d0;--aqua:#00e5ff;--sea-foam:#e0f7fa;--coral:#ff6f61;--font-display:"Manrope", "Noto Sans KR", sans-serif;--font-body:"Hanken Grotesk", "Noto Sans KR", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:240px;--main-padding:32px;--gutter:16px;--card-padding:24px;--stack-gap:12px;--shadow-sm:0 2px 8px #001d3d0f;--shadow-md:0 4px 20px #001d3d17;--shadow-lg:0 8px 40px #001d3d21;--shadow-aqua:0 0 24px #00e5ff33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ocean-deep);font-weight:800;line-height:1.25}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}::selection{color:var(--ocean-deep);background:#00e5ff40}.layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:40px var(--main-padding) 60px;flex-direction:column;flex:1;align-items:center;display:flex}.main-content>*{width:100%;max-width:1080px}@media (max-width:768px){.main-content{margin-left:0;padding:72px 16px 48px}}.display-h1{font-family:var(--font-display);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:32px}.cta-heading{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:30px}.body-lg{font-family:var(--font-body);font-size:15px;font-weight:500;line-height:22px}.body-base{font-family:var(--font-body);font-size:14px;font-weight:500;line-height:20px}.label-sm{font-family:var(--font-body);font-size:13px;font-weight:700;line-height:18px}.metadata{font-family:var(--font-body);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:14px}
.Sidebar-module__WZVnLW__sidebar{width:var(--sidebar-width);background:var(--ocean-deep);z-index:100;flex-direction:column;height:100vh;padding:28px 0 20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #001d3d2e}.Sidebar-module__WZVnLW__profile{text-align:center;border-bottom:1px solid #ffffff14;margin-bottom:12px;padding:0 20px 24px}.Sidebar-module__WZVnLW__avatar{background:linear-gradient(135deg, var(--aqua) 0%, var(--turquoise-glow) 100%);width:64px;height:64px;font-family:var(--font-display);color:var(--ocean-deep);box-shadow:0 0 0 3px #00e5ff59, var(--shadow-aqua);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:18px;font-weight:800;transition:box-shadow .3s;display:flex}.Sidebar-module__WZVnLW__avatar:hover{box-shadow:0 0 0 3px var(--aqua), var(--shadow-aqua)}.Sidebar-module__WZVnLW__blogName{font-family:var(--font-display);color:#fff;letter-spacing:-.3px;margin-bottom:4px;font-size:17px;font-weight:800}.Sidebar-module__WZVnLW__blogDesc{color:#ffffff73;letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:600}.Sidebar-module__WZVnLW__nav{flex-direction:column;flex:1;gap:2px;padding:0 10px;display:flex}.Sidebar-module__WZVnLW__navLink{border-radius:var(--radius-md);font-family:var(--font-body);color:#ffffff8c;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.Sidebar-module__WZVnLW__navLink:hover{color:#ffffffe6;background:#ffffff12}.Sidebar-module__WZVnLW__active{color:var(--aqua);background:#00e5ff1a;font-weight:700}.Sidebar-module__WZVnLW__active:before{content:"";background:var(--aqua);width:3px;height:60%;box-shadow:0 0 8px var(--aqua);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.Sidebar-module__WZVnLW__navIcon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.Sidebar-module__WZVnLW__footer{color:#ffffff40;text-align:center;border-top:1px solid #ffffff12;padding:16px 20px 0;font-size:11px;line-height:1.8}.Sidebar-module__WZVnLW__mobileHeader{-webkit-backdrop-filter:blur(12px);z-index:200;background:#001b3deb;border-bottom:1px solid #00e5ff1f;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.Sidebar-module__WZVnLW__logo{font-family:var(--font-display);color:var(--aqua);letter-spacing:-.3px;font-size:18px;font-weight:800}.Sidebar-module__WZVnLW__burger{color:#fffc;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #00e5ff33;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.Sidebar-module__WZVnLW__burger:hover{border-color:var(--aqua);color:var(--aqua);background:#00e5ff1a}.Sidebar-module__WZVnLW__overlay{-webkit-backdrop-filter:blur(2px);z-index:99;background:#000f1eb3;display:none;position:fixed;inset:0}@media (max-width:768px){.Sidebar-module__WZVnLW__sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.Sidebar-module__WZVnLW__sidebar.Sidebar-module__WZVnLW__open{transform:translate(0)}.Sidebar-module__WZVnLW__mobileHeader{display:flex}.Sidebar-module__WZVnLW__overlay{display:block}}