:root{--navy:#0a1f4f;--blue:#1559e8;--sky:#eaf1ff;--yellow:#ffd22d;--ink:#101b34;--paper:#fff;--muted:#61708e;--line:#dce4f2;--shadow:0 26px 70px rgba(12,31,76,.14)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#edf2fa;color:var(--ink);font-family:'Noto Sans KR',sans-serif;line-height:1.6}.mono{font-family:'DM Mono',monospace;letter-spacing:.06em}a{color:inherit;text-decoration:none}button{font:inherit}
    .nav{position:fixed;inset:0 0 auto;z-index:20;height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,228,242,.7)}
    .brand{display:flex;gap:10px;align-items:center;font-family:'DM Mono',monospace;font-size:1.03rem;font-weight:500;letter-spacing:.05em;color:var(--navy)}.brand-image{width:42px;height:42px;object-fit:contain}.nav-copy{font-size:.76rem;color:var(--muted);margin-left:20px}.apply-top,.cta{border:0;cursor:pointer;background:var(--yellow);color:var(--navy);font-weight:800;transition:transform .2s,box-shadow .2s}.apply-top{border-radius:99px;padding:10px 20px;font-size:.9rem}.apply-top:hover,.cta:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(255,210,45,.3)}
    .site{padding:112px clamp(16px,4vw,64px) 40px;min-height:100vh;display:grid;place-items:center}.book{width:min(1180px,100%);min-height:min(720px,calc(100vh - 152px));display:grid;grid-template-columns:1fr 1fr;background:var(--paper);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;position:relative}.spine{position:absolute;left:50%;top:0;bottom:0;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(10,31,79,.08),rgba(10,31,79,0),rgba(10,31,79,.1));z-index:2;pointer-events:none}.page{padding:clamp(36px,5vw,76px);min-height:100%;display:flex;flex-direction:column;position:relative}.page-left{background:var(--navy);color:#fff}.page-right{background:#fff}.eyebrow{font-size:.75rem;color:var(--yellow);margin:0 0 28px}.page-no{position:absolute;bottom:28px;font-size:.72rem;color:rgba(255,255,255,.55)}.page-right .page-no{color:#8d99af}.cover-logo{width:min(260px,72%);display:block;margin:-22px 0 16px}.cover-title{font-family:'DM Mono',monospace;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;letter-spacing:-.08em;margin:0}.cover-kicker{font-size:clamp(1.15rem,2.4vw,1.75rem);font-weight:700;line-height:1.5;margin:30px 0 0}.cover-pay{margin-top:auto;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:800}.cover-pay strong{color:var(--yellow)}
    .intro-card{margin:auto 0}.intro-card h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.25;letter-spacing:-.06em;margin:0 0 22px;color:var(--navy)}.intro-card p{color:var(--muted);font-size:1.05rem;max-width:360px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;margin-top:25px;padding:15px 22px;border-radius:6px;font-size:1rem}.cta .arrow{font-size:1.25rem}.nav-hint{margin-top:32px;font-size:.78rem;color:#8390aa}.swipe{display:none}
    .chapters{width:min(1180px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.chapter-link{background:rgba(255,255,255,.8);border:1px solid var(--line);padding:13px 17px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--muted);transition:.2s}.chapter-link:hover{border-color:var(--blue);color:var(--navy)}.chapter-link b{font-family:'DM Mono',monospace;color:var(--blue);font-weight:500}
    .chapter{scroll-margin-top:90px;width:min(1180px,100%);min-height:680px;margin:38px auto 0;background:white;box-shadow:0 14px 42px rgba(12,31,76,.08);display:grid;grid-template-columns:38% 62%;position:relative;overflow:hidden;border-radius:10px}.chapter-aside{background:var(--navy);padding:58px 46px;color:white}.chapter-aside .mono{font-size:.76rem;color:var(--yellow)}.chapter-aside h2{font-size:clamp(2rem,3vw,3rem);line-height:1.25;letter-spacing:-.06em;margin:24px 0}.chapter-aside p{font-size:.93rem;color:#c9d6f4}.chapter-body{padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.chapter-body h3{font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1.42;letter-spacing:-.055em;margin:0 0 20px}.chapter-body p{font-size:1rem;color:var(--muted);max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tag{border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:.84rem;color:var(--navy);font-weight:600}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.work-item{background:var(--sky);padding:17px 18px;border-radius:8px}.work-item b{display:block;font-size:.93rem;color:var(--navy)}.work-item span{font-size:.82rem;color:var(--muted)}.pay-card{background:var(--yellow);padding:21px;border-radius:8px;margin-top:16px;color:var(--navy)}.pay-card span{display:block;font-size:.78rem;font-weight:700}.pay-card strong{font-size:2.1rem;letter-spacing:-.07em}.highlight{color:var(--blue);font-weight:800}.join .chapter-aside{background:var(--blue)}.contact{margin:16px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.91rem}.contact li{padding:8px 0;border-bottom:1px solid var(--line)}
    footer{width:min(1180px,100%);margin:22px auto 0;color:#74819a;font-size:.76rem;text-align:center;padding-bottom:22px}
    @media(max-width:760px){.nav{height:64px;padding:0 18px}.nav-copy{display:none}.apply-top{padding:8px 14px;font-size:.84rem}.site{padding:80px 0 26px;display:block}.book{border-radius:0;box-shadow:none;display:block;min-height:calc(100vh - 80px)}.spine{display:none}.page{min-height:calc(100vh - 80px);padding:44px 27px}.page-right{background:#fff}.cover-title{font-size:3.1rem}.intro-card{margin:auto 0}.swipe{display:block;font-size:.72rem;color:#8290aa;margin-top:27px}.chapters{display:none}.chapter{display:block;margin:0;border-radius:0;box-shadow:none;min-height:auto;scroll-margin-top:64px}.chapter-aside{padding:35px 27px}.chapter-aside h2{font-size:2rem;margin:15px 0}.chapter-body{padding:42px 27px 50px}.work-grid{grid-template-columns:1fr}.chapter-body h3{font-size:1.7rem}.pay-card strong{font-size:1.9rem}footer{margin-top:0;background:#fff;padding:20px 25px 32px;text-align:left}.page-no{bottom:24px}}