:root{--ink:#0b1020;--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--line:#e2e8f0;--bg:#f6f7fb;--surface:#fff;--accent:#6d5dfc;--accent-soft:#eeecff;--accent-2:#22d3ee;--radius:16px;--shadow-sm:0 1px 2px rgba(15,23,42,0.04),0 1px 3px rgba(15,23,42,0.06);--shadow-lg:0 12px 32px -8px rgba(15,23,42,0.18),0 4px 10px -4px rgba(15,23,42,0.08);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:var(--bg)!important;font-family:var(--font)!important;color:var(--text)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:hover{text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.site{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:rgba(11,16,32,.82);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid hsla(0,0%,100%,.06)}.nav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px;height:64px}.brand{font-family:Montserrat,Calibri Light,Arial,sans-serif;font-size:1.3rem;font-weight:300;letter-spacing:.01em;color:#fff!important;white-space:nowrap}.nav__links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;margin-left:auto}.nav__link{padding:7px 14px;border-radius:999px;font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.68)!important;white-space:nowrap;-webkit-transition:color .15s,background-color .15s;transition:color .15s,background-color .15s}.nav__link:hover{color:#fff!important;background-color:hsla(0,0%,100%,.06)}.nav__link.router-link-active{color:#fff!important;background-color:hsla(0,0%,100%,.12)}.nav__social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;padding-left:16px;border-left:1px solid hsla(0,0%,100%,.12)}.icon-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:hsla(0,0%,100%,.68)!important;-webkit-transition:color .15s,background-color .15s;transition:color .15s,background-color .15s}.icon-btn:hover{color:#fff!important;background-color:hsla(0,0%,100%,.08)}.hero{position:relative;overflow:hidden;background-color:var(--ink);color:#fff;margin-top:-64px;padding:136px 0 104px}.hero:after,.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero:before{background:url(https://hyunwook.s3.us-east-2.amazonaws.com/images/servertop.png) 50%/cover no-repeat;opacity:.16}.hero:after{background:radial-gradient(640px 320px at 12% 0,rgba(109,93,252,.5),transparent 70%),radial-gradient(520px 300px at 92% 100%,rgba(34,211,238,.22),transparent 70%)}.hero__inner{position:relative;z-index:1}.hero__eyebrow{margin:0 0 12px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}.hero__title{margin:0 0 16px;font-size:3rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:#fff}.hero__intro{max-width:640px;margin:0;font-size:1.05rem;line-height:1.7;color:hsla(0,0%,100%,.72)}.hero__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;margin-top:24px;padding:9px 18px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--ink)!important;background-color:#fff;-webkit-transition:-webkit-transform .15s,-webkit-box-shadow .15s;transition:-webkit-transform .15s,-webkit-box-shadow .15s;transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s,-webkit-transform .15s,-webkit-box-shadow .15s}.hero__link:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 6px 20px rgba(109,93,252,.45);box-shadow:0 6px 20px rgba(109,93,252,.45)}.main{position:relative;z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;margin-top:-48px;padding-bottom:72px}.footer{border-top:1px solid var(--line);background-color:var(--surface)}.footer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;padding-top:28px;padding-bottom:28px}.footer__copy{margin:0;font-size:.85rem;color:var(--text-subtle)}.footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.footer__links a{font-size:.85rem;color:var(--text-muted)!important}.footer__links a:hover{color:var(--accent)!important}@media (max-width:760px){.container{padding:0 16px}.nav__inner{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;gap:0;padding-top:12px}.nav__social{margin-left:auto;padding-left:0;border-left:none}.nav__links{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:calc(100% + 32px);margin:8px -16px 0;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}.nav__links::-webkit-scrollbar{display:none}.hero{margin-top:0;padding:40px 0 80px}.hero__title{font-size:2.1rem}.hero__intro{font-size:.98rem}}.grid[data-v-75af9bd6]{display:grid;gap:24px}.grid--posts[data-v-75af9bd6]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid--books[data-v-75af9bd6]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card[data-v-75af9bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);color:inherit!important;-webkit-transition:border-color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}a.card[data-v-75af9bd6]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);border-color:#d4d0fb}.card__media[data-v-75af9bd6]{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:#eef1f6}.card__media img[data-v-75af9bd6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}a.card:hover .card__media img[data-v-75af9bd6]{-webkit-transform:scale(1.04);transform:scale(1.04)}.card__body[data-v-75af9bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 22px 22px}.card__meta[data-v-75af9bd6]{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.card__title[data-v-75af9bd6]{margin:8px 0 10px;font-size:1.12rem;font-weight:650;line-height:1.35;letter-spacing:-.01em;color:var(--text)}.card__text[data-v-75af9bd6]{margin:0 0 18px;font-size:.92rem;line-height:1.65;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card__cta[data-v-75af9bd6]{margin-top:auto;font-size:.88rem;font-weight:600;color:var(--accent)}.card__arrow[data-v-75af9bd6]{display:inline-block;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}a.card:hover .card__arrow[data-v-75af9bd6]{-webkit-transform:translateX(4px);transform:translateX(4px)}@media (min-width:900px){.grid--posts a.card[data-v-75af9bd6]:first-child{grid-column:1/-1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.grid--posts a.card:first-child .card__media[data-v-75af9bd6]{-webkit-box-flex:0;-ms-flex:0 0 56%;flex:0 0 56%;aspect-ratio:auto;min-height:320px}.grid--posts a.card:first-child .card__body[data-v-75af9bd6]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:36px 40px}.grid--posts a.card:first-child .card__title[data-v-75af9bd6]{font-size:1.6rem}.grid--posts a.card:first-child .card__text[data-v-75af9bd6]{font-size:1rem;-webkit-line-clamp:6}}.grid--books .card__media[data-v-75af9bd6]{aspect-ratio:4/5;padding:24px;background:linear-gradient(160deg,#eef1f6,#e3e7f0)}.grid--books .card__media img[data-v-75af9bd6]{-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 10px 18px rgba(15,23,42,.25));filter:drop-shadow(0 10px 18px rgba(15,23,42,.25))}.grid--books a.card:hover .card__media img[data-v-75af9bd6]{-webkit-transform:scale(1.03) translateY(-2px);transform:scale(1.03) translateY(-2px)}.grid--books .card__title[data-v-75af9bd6]{font-size:1rem}.grid--books .card__text[data-v-75af9bd6]{-webkit-line-clamp:3}.card--skeleton .bar[data-v-75af9bd6],.card--skeleton .card__media[data-v-75af9bd6]{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#eef1f6),color-stop(50%,#f6f8fb),color-stop(75%,#eef1f6));background:linear-gradient(90deg,#eef1f6 25%,#f6f8fb 50%,#eef1f6 75%);background-size:200% 100%;-webkit-animation:shimmer-data-v-75af9bd6 1.4s ease-in-out infinite;animation:shimmer-data-v-75af9bd6 1.4s ease-in-out infinite}.bar[data-v-75af9bd6]{display:block;height:12px;margin-bottom:10px;border-radius:6px}.bar--sm[data-v-75af9bd6]{width:30%}.bar--lg[data-v-75af9bd6]{height:18px;width:80%;margin:6px 0 14px}@-webkit-keyframes shimmer-data-v-75af9bd6{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-data-v-75af9bd6{0%{background-position:200% 0}to{background-position:-200% 0}}.state[data-v-75af9bd6]{padding:48px 24px;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);text-align:center;color:var(--text-muted)}.state p[data-v-75af9bd6]{margin:0}.state__retry[data-v-75af9bd6]{margin-top:14px;padding:7px 18px;border:1px solid var(--line);border-radius:999px;background-color:var(--surface);font-weight:600;color:var(--accent)}.state__retry[data-v-75af9bd6]:hover{border-color:var(--accent)}.about[data-v-5c06572e]{display:grid;grid-template-columns:300px 1fr;gap:24px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.profile[data-v-5c06572e]{position:-webkit-sticky;position:sticky;top:88px;padding:32px 24px;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);text-align:center}.profile__photo[data-v-5c06572e]{width:128px;height:128px;-o-object-fit:cover;object-fit:cover;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.profile__name[data-v-5c06572e]{margin:18px 0 4px;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.profile__role[data-v-5c06572e]{margin:0 0 20px;font-size:.9rem;color:var(--text-subtle)}.profile__links[data-v-5c06572e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.pill[data-v-5c06572e]{padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--accent)!important;background-color:var(--accent-soft);-webkit-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s}.pill[data-v-5c06572e]:hover{color:#fff!important;background-color:var(--accent)}.about__body[data-v-5c06572e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.about__section[data-v-5c06572e],.about__state[data-v-5c06572e]{padding:32px 36px;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.about__state[data-v-5c06572e]{color:var(--text-muted)}.about__retry[data-v-5c06572e]{margin-left:8px;padding:4px 14px;border:1px solid var(--line);border-radius:999px;background-color:var(--surface);font-weight:600;color:var(--accent)}.about__title[data-v-5c06572e]{margin:0 0 14px;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.about__text[data-v-5c06572e]{margin:0;font-size:1rem;line-height:1.8;color:var(--text-muted);white-space:pre-line}.bar[data-v-5c06572e]{display:block;height:12px;margin-bottom:12px;border-radius:6px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#eef1f6),color-stop(50%,#f6f8fb),color-stop(75%,#eef1f6));background:linear-gradient(90deg,#eef1f6 25%,#f6f8fb 50%,#eef1f6 75%);background-size:200% 100%;-webkit-animation:shimmer-data-v-5c06572e 1.4s ease-in-out infinite;animation:shimmer-data-v-5c06572e 1.4s ease-in-out infinite}.bar--sm[data-v-5c06572e]{width:40%}.bar--lg[data-v-5c06572e]{height:20px;width:35%;margin-bottom:20px}@-webkit-keyframes shimmer-data-v-5c06572e{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-data-v-5c06572e{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:760px){.about[data-v-5c06572e]{grid-template-columns:1fr}.profile[data-v-5c06572e]{position:static}.about__section[data-v-5c06572e],.about__state[data-v-5c06572e]{padding:24px 22px}}