:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--violet-400:#a78bfa;--violet-500:#8b5cf6;--pink-400:#f472b6;--pink-500:#ec4899;--sky-400:#38bdf8;--sky-500:#0ea5e9;--bg:#fafafa;--bg-elevated:#fff;--bg-subtle:#f1f5f9;--fg:#0f172a;--fg-muted:#475569;--fg-subtle:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--accent:var(--primary-500);--accent-hover:var(--primary-600);--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000a, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #00000008;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--shadow-glow:0 0 20px #6366f133;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:blur(20px);--font-sans:var(--font-inter), "Noto Sans KR", -apple-system, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--bg:#020617;--bg-elevated:#0f172a;--bg-subtle:#1e293b;--fg:#f8fafc;--fg-muted:#cbd5e1;--fg-subtle:#64748b;--border:#ffffff1a;--border-hover:#fff3;--accent:var(--primary-400);--accent-hover:var(--primary-500);--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--glass-bg:#0f172a99;--glass-border:#ffffff14}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{background-color:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow), color var(--transition-slow);font-size:1rem;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit}.gradient-text{background:linear-gradient(135deg, var(--primary-500) 0%, var(--violet-400) 50%, var(--sky-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary-500) 0%, var(--violet-500) 100%);color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base), box-shadow var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #6366f166}.btn-primary:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#fff3 0%,#0000 100%);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px -6px #6366f199}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px -2px #6366f166}.btn-outline{color:var(--accent);border:1.5px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition-base);background:0 0;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-outline:hover{border-color:var(--violet-500);color:var(--violet-500);background:#8b5cf60d}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-business{color:var(--primary-500);background:#6366f11f}.badge-finance{color:#b45309;background:#fbbf2426}.badge-education{color:#047857;background:#34d39926}.badge-legal{color:#b91c1c;background:#ef44441f}.badge-daily{color:#0369a1;background:#38bdf826}.badge-startup{color:#be185d;background:#ec48991f}.badge-primary{color:var(--primary-500);background:linear-gradient(135deg,#6366f126,#8b5cf626)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.adsense-slot{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--fg-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:.78rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.adsense-slot span:first-child{color:var(--fg-muted);font-weight:600}.navbar{z-index:100;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:1.5rem;font-size:.9rem;font-weight:600;display:flex}.nav-link{color:var(--fg-muted);transition:color var(--transition-base);text-decoration:none}@media (max-width:768px){.navbar{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.nav-logo{font-size:1.1rem}.nav-links{justify-content:center;gap:1rem;width:100%;font-size:.8rem}}.markdown-body h2{color:var(--fg);margin-top:2.5rem;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.markdown-body h3{color:var(--fg);margin-top:2rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.markdown-body p{margin-bottom:1.2rem;line-height:1.8}.markdown-body ul,.markdown-body ol{margin-bottom:1.5rem;padding-left:1.5rem;line-height:1.8}.markdown-body li{margin-bottom:.5rem}.markdown-body strong{color:var(--fg);font-weight:700}.markdown-body pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.markdown-body code{color:var(--primary-500);font-family:monospace;font-size:.9rem}.markdown-body pre code{color:var(--fg)}
