:root{--ink:#edf4ff;--muted:#95a7c6;--line:#274a7c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 6%,rgba(34,106,188,.32),transparent 30rem),linear-gradient(180deg,#03050a,#08101b 45%,#05070d);font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.site{width:min(100%,1200px);margin:0 auto;padding:14px 10px 80px}
.hero{border:1px solid rgba(93,160,255,.35);border-radius:22px;overflow:hidden;background:#05070d;box-shadow:0 20px 70px rgba(0,0,0,.45),inset 0 0 34px rgba(77,145,255,.12)}
.hero-link,.hero img{display:block;width:100%;height:auto}
.quick-nav{position:sticky;top:0;z-index:10;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px auto 22px;padding:10px;border:1px solid rgba(93,160,255,.30);border-radius:999px;background:rgba(5,9,16,.78);backdrop-filter:blur(8px)}
.quick-nav a{padding:10px 14px;border:1px solid rgba(100,170,255,.25);border-radius:999px;color:#dbeafe;font-weight:800;font-size:14px;background:rgba(22,41,70,.55)}
.section{margin:26px auto 0}
.section-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 4px}
.section-title span{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid rgba(99,179,255,.5);border-radius:12px;color:#8fd0ff;font-weight:900;background:rgba(10,29,55,.86);box-shadow:0 0 24px rgba(38,114,206,.26)}
.section-title h1{margin:0;font-size:clamp(25px,4vw,42px);letter-spacing:-.04em}
.profile-card{display:block;width:100%;height:auto;margin:0 auto;border:1px solid rgba(100,170,255,.28);border-radius:18px;background:#080b12;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.comic-viewer{width:min(100%,1080px);margin:0 auto}
.comic-cut{display:block;width:100%;height:auto;margin:0 auto 10px;background:#06080d;border:0;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.text-section{width:min(100%,980px)}
.intro-card{padding:clamp(22px,4vw,46px);border:1px solid rgba(108,174,255,.35);border-radius:22px;background:linear-gradient(135deg,rgba(13,30,54,.96),rgba(5,8,14,.96));box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 0 32px rgba(73,128,203,.10)}
.intro-card p{margin:0 0 18px;color:#e6edf7;font-size:clamp(16px,2.8vw,20px);line-height:1.9;word-break:keep-all}
.intro-card .dialogue{color:#b9dcff;font-weight:900;padding-left:16px;border-left:3px solid #5eb5ff}
.cta-section{width:min(100%,1100px);text-align:center}
.cta-image-link{display:block;overflow:hidden;border-radius:22px;border:1px solid rgba(100,170,255,.32);box-shadow:0 20px 70px rgba(0,0,0,.45)}
.cta-image-link img{display:block;width:100%;height:auto}
.big-button{display:inline-block;margin:24px auto 0;padding:18px 42px;border-radius:999px;color:#fff;font-size:clamp(20px,4vw,32px);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#123a76,#346ee8 48%,#8b5cf6);border:1px solid rgba(180,215,255,.75);box-shadow:0 0 30px rgba(52,110,232,.52),inset 0 0 18px rgba(255,255,255,.16)}
.small-note{margin:12px 0 0;color:var(--muted);font-size:14px}
@media(max-width:650px){.site{padding:0 0 56px}.hero,.profile-card,.cta-image-link{border-radius:0;border-left:0;border-right:0}.quick-nav{position:static;margin:10px 8px 18px;border-radius:18px}.quick-nav a{font-size:13px;padding:9px 11px}.section{margin-top:22px}.section-title{padding:0 12px}.comic-cut{margin-bottom:0}.intro-card{border-radius:0;border-left:0;border-right:0}.big-button{width:calc(100% - 28px)}}