@font-face{font-family:Pretendard Variable;font-weight:45 930;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.subset.woff2) format("woff2")}:root{--red: #e23b2e;--red-deep: #b32114;--yellow: #ffd23f;--yellow-deep: #f5b800;--blue: #1d63c9;--blue-deep: #114a9e;--green: #1f9d57;--cream: #fdf3df;--cream-2: #fbe9c4;--ink: #241a12;--ink-soft: #4a3c2e;--halftone: #e8a93f;--bg: var(--cream);--bg-alt: var(--cream-2);--text: var(--ink);--text-muted: var(--ink-soft);--accent: var(--red);--accent-hover: var(--red-deep);--accent-deep: var(--red-deep);--accent-text: var(--red-deep);--accent-on: var(--cream);--border: var(--ink);--success: var(--green);--danger: var(--red-deep);--radius: 16px;--radius-sm: 12px;--radius-pill: 980px;--max-w: 1120px;--font-display: "Black Han Sans", "Pretendard Variable", sans-serif;--font-round: "Jua", "Pretendard Variable", sans-serif;--font-ui: "Do Hyeon", "Pretendard Variable", sans-serif;--font-body: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", sans-serif;--fs-hero: clamp(40px, 9vw, 92px);--fs-h2: clamp(28px, 6vw, 52px);--fs-h3: 21px;--fs-body: 17px;--fs-sm: 15px;--fs-caption: 13px;--sh: var(--ink);--shadow-hard: 5px 5px 0 var(--sh);--shadow-hard-lg: 8px 8px 0 var(--sh);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}:root[data-theme=dark]{--cream: #0f1626;--cream-2: #18223a;--ink: #e3e9f5;--ink-soft: #95a1bd;--red: #3f6fd0;--red-deep: #2b4f9e;--blue: #5a86d6;--green: #4fb87a;--halftone: #1b2640;--sh: rgba(0, 0, 0, .5);--accent-on: #ffffff;--accent-text: #8fb4f0;--success: #4fb87a;--danger: #ec5b4e;color-scheme:dark}*{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;letter-spacing:-.005em;color:var(--ink);background:var(--cream);background-image:radial-gradient(var(--halftone) 1.4px,transparent 1.5px);background-size:18px 18px;background-attachment:fixed;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:var(--cream);opacity:.88;z-index:-1}h1,h2{margin:0;font-family:var(--font-display);font-weight:400;line-height:1.04;letter-spacing:0}h3{margin:0;font-family:var(--font-round);font-weight:400;line-height:1.2}p{margin:0}img{max-width:100%}.container{max-width:var(--max-w);margin-inline:auto;padding-inline:22px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:100;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);padding:8px 12px;border-radius:10px;font-family:var(--font-ui)}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}.scroll-progress{position:fixed;top:0;left:0;height:5px;width:0%;background:var(--yellow);border-bottom:2px solid var(--ink);z-index:600;pointer-events:none}.site-header{position:sticky;top:0;z-index:500;background:var(--red);border-bottom:5px solid var(--ink);box-shadow:0 4px #241a1259}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:66px}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}.logo-badge{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;box-shadow:3px 3px 0 var(--sh);transform:rotate(-6deg);flex:0 0 auto}.logo-badge svg{width:26px;height:26px;display:block}.logo-text{line-height:1}.logo-text b{font-family:var(--font-display);font-size:1.5rem;color:var(--cream);text-shadow:2px 2px 0 var(--sh);letter-spacing:.02em;display:block}.logo-text small{display:block;font-family:var(--font-round);font-size:.6rem;color:var(--yellow);letter-spacing:.26em;margin-top:3px}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-links a{font-family:var(--font-ui);color:var(--cream);font-size:1rem;padding:.4rem .7rem;border-radius:10px;text-decoration:none;transition:transform .12s,background .12s,color .12s}.nav-links a:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px) rotate(-1.5deg)}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:42px;border-radius:10px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--sh);cursor:pointer}.theme-toggle .ic-sun{display:none}:root[data-theme=dark] .theme-toggle .ic-moon{display:none}:root[data-theme=dark] .theme-toggle .ic-sun{display:block}.nav-toggle{display:none;align-items:center;justify-content:center;width:46px;height:42px;border-radius:10px;border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--sh);cursor:pointer}@media(max-width:760px){.nav-inner{position:relative}.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:calc(100% + 8px);right:0;flex-direction:column;align-items:stretch;gap:.2rem;min-width:190px;padding:.6rem;background:var(--red);border:4px solid var(--ink);border-radius:14px;box-shadow:var(--shadow-hard-lg);display:none;z-index:60}.nav-links.open{display:flex}.nav-links a{text-align:center;font-size:1.1rem;padding:.6rem}}.header-auth{display:inline-flex;align-items:center;gap:.5rem}.header-auth__logout{display:inline-flex;margin:0}.header-auth__link{font-family:var(--font-ui);font-size:.95rem;background:var(--blue);color:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--sh);padding:.4rem .9rem;border-radius:10px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .12s,background .12s,color .12s,box-shadow .12s}.header-auth__link:hover{background:var(--yellow);color:var(--ink);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--sh)}.header-auth__name{font-family:var(--font-ui);font-size:.95rem;color:var(--cream);white-space:nowrap}@media(max-width:760px){.header-auth__name{display:none}}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:400;font-size:1.15rem;padding:.8rem 1.6rem;border:4px solid var(--ink);border-radius:16px;background:var(--accent);color:var(--accent-on);box-shadow:var(--shadow-hard-lg);text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 var(--sh)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--sh)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-blue{background:var(--blue);color:#fff}.btn-red{background:var(--red);color:var(--cream)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost-light{background:transparent;color:var(--cream);border-color:var(--cream);box-shadow:6px 6px #241a1280}.btn.ghost-light:hover{background:var(--cream);color:var(--ink)}.link-arrow{color:var(--red-deep);font-family:var(--font-ui);font-size:1rem;text-decoration:none}.link-arrow:after{content:" →"}.link-arrow:hover{text-decoration:underline}.badge{display:inline-block;font-family:var(--font-round);background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--sh);padding:.3rem 1rem;border-radius:40px;font-size:var(--fs-sm);font-weight:400}.kicker{display:inline-block;font-family:var(--font-round);font-size:.85rem;background:var(--ink);color:var(--yellow);padding:.25rem .95rem;border-radius:30px;letter-spacing:.14em;transform:rotate(-1.5deg);margin-bottom:1rem}.section{padding:4.2rem 0;position:relative}.section.alt{background:var(--cream-2);border-top:5px solid var(--ink);border-bottom:5px solid var(--ink)}.section h2{font-size:var(--fs-h2);line-height:1.02;margin-bottom:.6rem;color:var(--ink)}.section .sub{color:var(--ink-soft);font-family:var(--font-ui);font-size:1.1rem;max-width:48ch;margin-bottom:2rem}.sec-u{background:linear-gradient(transparent 60%,var(--yellow) 60%,var(--yellow) 92%,transparent 92%);padding:0 .1em}.page-head{padding:3.4rem 22px 1rem;text-align:center}.page-head h1{font-size:clamp(34px,8vw,62px);line-height:1.04;color:var(--ink)}.page-head .lead{margin:1rem auto 0;max-width:46ch;font-family:var(--font-ui);font-size:1.15rem;color:var(--ink-soft)}.sub{color:var(--ink-soft)}.cta-row{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1.8rem}.cta-note{margin-top:1rem;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-soft)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media(max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);padding:1.4rem 1.3rem;box-shadow:var(--shadow-hard);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),opacity .5s var(--ease-out)}.card h3{font-size:var(--fs-h3);margin-bottom:.5rem;color:var(--ink)}.card p{color:var(--ink-soft);font-size:var(--fs-sm);font-family:var(--font-body)}@media(hover:hover){.card.is-link:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:var(--shadow-hard-lg)}}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(22px) rotate(-.6deg);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}.js .reveal.visible{opacity:1;transform:none}@media(min-width:769px){.grid-3>.reveal:nth-child(2){transition-delay:.07s}.grid-3>.reveal:nth-child(3){transition-delay:.14s}}}.site-footer{background:var(--ink);color:var(--cream);padding:3rem 0 2rem}.site-footer .container{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:flex-start}.footer-links{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.footer-links a{font-family:var(--font-ui);font-size:.95rem;color:var(--cream);text-decoration:none}.footer-links a:hover{color:var(--yellow)}.copyright{font-family:var(--font-ui);font-size:.82rem;color:#cbb98f;margin:0}.credit-link{color:var(--yellow);text-decoration:none;border-bottom:2px solid var(--yellow)}.credit-link:hover{color:#fff;border-color:#fff}.disclaimer{width:100%;font-family:var(--font-body);font-size:12px;color:#cbb98f;margin-top:6px;line-height:1.6}.foot-brand{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start}.foot-brand .logo-text b{color:var(--yellow)}.foot-by{font-family:var(--font-round);font-size:1rem;color:var(--cream);margin:0}.foot-family{display:inline-flex;gap:.5rem;flex-wrap:wrap}.fam-chip{font-family:var(--font-ui);font-size:.8rem;background:#fdf3df1a;border:2px solid rgba(253,243,223,.4);border-radius:30px;padding:.2rem .8rem;color:var(--cream)}.fam-chip.me{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.site-footer .foot-bottom{margin-top:1.4rem;padding-top:1rem;border-top:2px dashed rgba(253,243,223,.3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1!important;transform:none!important}}:root[data-theme=dark] .nav-toggle,:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .logo-badge,:root[data-theme=dark] .badge{border-color:#16223c;color:#16223c}:root[data-theme=dark] .btn-yellow,:root[data-theme=dark] .fam-chip.me{color:#16223c}:root[data-theme=dark] .nav-links a:hover{color:#16223c}:root[data-theme=dark] .nav-links a,:root[data-theme=dark] .site-header .logo-text b,:root[data-theme=dark] .header-auth__name,:root[data-theme=dark] .footer-links a,:root[data-theme=dark] .foot-by,:root[data-theme=dark] .fam-chip{color:#e6ecf8}:root[data-theme=dark] .btn.ghost-light{color:#e6ecf8;border-color:#e6ecf8}:root[data-theme=dark] .site-footer{background:#0b1322}:root[data-theme=dark] .kicker{background:#1c2740;color:var(--yellow)}:root[data-theme=dark] .card{box-shadow:var(--shadow-hard)}