:root{--bg:#fff;--ink:#0b0d10;--ink-2:#1a1d24;--muted:#6b7280;--faint:#868d9b;--line:#ececf1;--line-ink:#2c313b;--surface-2:#fafbfc;--accent:#4f46e5;--accent-soft:#efeeff;--accent-press:#4338ca;--green:#10b981;--irid:linear-gradient(135deg, #8b7cff, #6ea8ff 48%, #74e0c4);--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.02em;word-break:keep-all;line-height:1.55}.hx{display:inline-block}.hx polygon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}h1,.h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,36px);font-weight:850}h2,.h2{letter-spacing:-.035em;margin:0;font-size:21px;font-weight:850}h3,.h3{letter-spacing:-.025em;margin:0;font-size:15px;font-weight:800}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.muted{color:var(--muted)}.lead{color:var(--muted);font-size:17px;font-weight:500}.grad{background:var(--irid);color:#0000;-webkit-background-clip:text;background-clip:text}a{color:var(--ink);text-underline-offset:3px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.tag{border:1px solid var(--line);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:750;display:inline-flex}.tag.intro,.tag.star1{color:var(--green,#10b981);background:#fff;border-color:#bfe7d6}.tag.practical,.tag.star2{background:var(--accent-soft);color:var(--accent-press);border-color:#d8d6ff}.tag.advanced,.tag.star3{color:#3730a3;background:#fff;border-color:#c7c4f5}.tag.done{background:var(--ink);color:#fff;border-color:var(--ink)}.tag.common{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.btn{font:inherit;cursor:pointer;border:1.5px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 22px;font-size:15px;font-weight:700;transition:transform .12s,background .12s,box-shadow .12s,border-color .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.coral{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 22px #4f46e542}.btn.coral:hover{background:var(--accent-press);border-color:var(--accent-press)}.btn.ghost{color:var(--ink);border-color:var(--line);box-shadow:none;background:#fff}.btn.ghost:hover{border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:default;transform:none}input,textarea{font:inherit;background:var(--surface-2);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;width:100%;padding:12px 13px;font-size:15px}input:focus,textarea:focus{border-color:var(--accent);outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#topbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 clamp(22px,5vw,40px);display:flex}#topbar .brand-ink{letter-spacing:-.05em;cursor:pointer;align-items:center;gap:8px;font-size:19px;font-weight:900;display:inline-flex}#topbar .brand-ink .hx{width:17px;height:17px;color:var(--accent)}.who{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.who a{white-space:nowrap;min-height:40px;color:var(--accent);cursor:pointer;align-items:center;padding:8px 6px;font-weight:600;display:inline-flex}.who>span{padding-right:6px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0b0d1080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:20px;width:100%;max-width:380px;padding:28px 24px 22px;animation:.25s both fadeUp;position:relative;box-shadow:0 30px 70px #0b0d1047}.modal h2{letter-spacing:-.035em;margin:0;font-size:20px;font-weight:850}.modal-x{width:32px;height:32px;min-height:32px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:0;font-size:14px;position:absolute;top:14px;right:14px}.modal-x:hover{background:var(--surface-2)}.modal-full{width:100%;margin-top:10px}.kakao-btn{color:#191600;background:#fee500;border-color:#fee500}.kakao-btn:hover{background:#f4d800;border-color:#f4d800}.modal-or{color:var(--muted);align-items:center;gap:10px;margin:16px 0 12px;font-size:12px;display:flex}.modal-or:before,.modal-or:after{content:"";background:var(--line);flex:1;height:1px}.email-row{gap:8px;display:flex}.email-row input{flex:1}.modal-email{flex:none}.finefoot2{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px}