:root{--color-bg-primary:#fafafa;--color-bg-secondary:#fff;--color-bg-dark:#111;--color-text-primary:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-text-light:#fafafa;--color-accent-primary:#6c63ff;--color-accent-secondary:#a3a8fe;--color-accent-hover:#5753f5;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--bg:#fafafa;--text:#333;--primary:#6c63ff;--accent:#a3a8fe;--font-primary:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Noto Sans KR",Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,Monaco,"Courier New",monospace;--font-size-base:17px;--font-size-sm:15px;--font-size-xs:13px;--font-size-lg:19px;--font-size-xl:22px;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-h4:18px;--font-size-h5:17px;--font-size-h6:16px;--line-height-base:1.8;--line-height-tight:1.4;--line-height-heading:1.3;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--container-max:1200px;--content-max:720px;--sidebar-width:320px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-hover:0 10px 20px -5px rgba(108,99,255,.15);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-tooltip:1060}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}::selection{background-color:var(--color-accent-primary);color:var(--color-text-light)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1);margin-top:var(--space-2xl)}h2{font-size:var(--font-size-h2);margin-top:var(--space-xl)}h3{font-size:var(--font-size-h3);margin-top:var(--space-lg)}h4{font-size:var(--font-size-h4);margin-top:var(--space-lg)}h5{font-size:var(--font-size-h5);margin-top:var(--space-md)}h6{font-size:var(--font-size-h6);margin-top:var(--space-md)}p{margin-bottom:var(--space-md);color:var(--color-text-primary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}strong,b{font-weight:700}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-border-light);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-accent-primary)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-dark);color:#e5e7eb;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-lg);line-height:1.6}pre code{background:0 0;padding:0;color:inherit}blockquote{border-left:4px solid var(--color-accent-primary);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--color-text-secondary)}.site-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(8px);background-color:rgba(255,255,255,.95);transition:box-shadow var(--transition-base)}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.site-logo{font-size:20px;font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:var(--space-sm)}.site-logo:hover{color:var(--color-accent-primary)}.site-logo:before{content:"⚡";font-size:24px}.main-navigation{display:flex;gap:var(--space-lg);align-items:center}.main-navigation a{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:all var(--transition-fast)}.main-navigation a:hover{color:var(--color-accent-primary);background-color:rgba(108,99,255,.08)}.main-navigation a.current{color:var(--color-accent-primary);background-color:rgba(108,99,255,.1)}.menu-toggle{display:none;background:0 0;border:none;font-size:24px;color:var(--color-text-primary);cursor:pointer;padding:var(--space-sm)}.hero-section{background-color:var(--bg);border-bottom:1px solid var(--color-border);padding:var(--space-3xl) var(--space-lg);position:relative;overflow:hidden;animation:heroFadeIn .4s ease-out;text-align:center}.hero-container{max-width:var(--container-max);margin:0 auto}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:clamp(36px, 6vw, 56px);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.04em;margin:0 0 var(--space-lg) 0}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.8;margin:0 0 var(--space-xl) 0}.hero-highlight{color:var(--primary);font-weight:600}.hero-cta{display:inline-flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-xl)}@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-2xl);align-items:start}.content-area{min-width:0}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px, 1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.post-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%}.post-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(108,99,255,.2);border-color:var(--color-accent-secondary)}.post-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;background-color:var(--color-border-light);transition:transform var(--transition-slow)}.post-card:hover .post-thumbnail{transform:scale(1.05)}.post-thumbnail-wrapper{overflow:hidden;background:linear-gradient(135deg,rgba(108,99,255,.05) 0%,rgba(163,168,254,.05) 100%)}.post-content{padding:40px;flex:1;display:flex;flex-direction:column}.post-meta{display:flex;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm);flex-wrap:wrap}.post-category{color:var(--color-accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs)}.post-title{font-size:var(--font-size-xl);line-height:var(--line-height-tight);margin:var(--space-sm) 0 var(--space-md);font-weight:700}.post-title a{color:var(--color-text-primary);transition:color var(--transition-fast)}.post-title a:hover{color:var(--color-accent-primary)}.post-excerpt{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:auto}.post-tag{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-border-light);padding:4px 10px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.post-tag:hover{background-color:var(--color-accent-secondary);color:var(--color-bg-secondary)}.read-more-btn{margin-top:var(--space-md);align-self:flex-start;font-weight:600;color:var(--color-accent-primary);transition:all var(--transition-fast);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full)}.read-more-btn:hover{background-color:rgba(108,99,255,.08);transform:translateX(4px)}.sidebar{position:sticky;top:calc(var(--space-3xl) + var(--space-lg));display:flex;flex-direction:column;gap:var(--space-xl)}.sidebar-widget{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow var(--transition-base)}.sidebar-widget:hover{box-shadow:var(--shadow-md)}.widget-title{font-size:var(--font-size-h4);font-weight:700;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-accent-primary)}.widget-list{list-style:none}.widget-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.widget-list li:last-child{border-bottom:none}.widget-list a{color:var(--color-text-primary);font-size:var(--font-size-sm);display:block;transition:all var(--transition-fast);padding:var(--space-xs) 0}.widget-list a:hover{color:var(--color-accent-primary);padding-left:var(--space-sm)}.newsletter-widget{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-hover) 100%);color:var(--color-text-light);border:none}.newsletter-widget .widget-title{color:var(--color-text-light);border-bottom-color:rgba(255,255,255,.3)}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-md)}.newsletter-input{padding:var(--space-md);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);background-color:rgba(255,255,255,.1);color:var(--color-text-light);transition:all var(--transition-fast)}.newsletter-input::placeholder{color:rgba(255,255,255,.7)}.newsletter-input:focus{outline:none;border-color:rgba(255,255,255,.8);background-color:rgba(255,255,255,.15)}.btn-newsletter{width:100%;margin-top:var(--space-md);background-color:var(--color-bg-secondary);color:var(--color-accent-primary)}.btn-newsletter:hover{background-color:var(--color-text-light)}.newsletter-success{margin-top:var(--space-md);padding:var(--space-md);background-color:rgba(16,185,129,.1);color:var(--color-success);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag-cloud-item{display:inline-block;padding:6px 12px;background-color:var(--color-border-light);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.tag-cloud-item:hover{background-color:var(--color-accent-primary);color:var(--color-bg-secondary);transform:translateY(-2px)}.site-footer{background-color:#111;color:var(--color-text-light);padding:var(--space-xl) var(--space-lg);margin-top:var(--space-3xl);border-top:1px solid #222}.footer-container{max-width:var(--container-max);margin:0 auto}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer-copyright{font-size:var(--font-size-sm);color:#fafafa}.footer-social{display:flex;gap:var(--space-md)}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #333;border-radius:var(--radius-md);color:#999;font-size:18px;transition:all var(--transition-base)}.social-icon:hover{background-color:var(--primary);border-color:var(--primary);color:#fafafa;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-primary);border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:var(--color-accent-primary);color:var(--color-text-light);border-color:var(--color-accent-primary)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:0 0;color:var(--primary);border:1px solid var(--primary);transition:all .3s ease}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn-ghost:hover{background-color:rgba(108,99,255,.08);color:var(--color-accent-primary)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}input[type=text],input[type=email],input[type=search],textarea{width:100%;padding:var(--space-md);font-size:var(--font-size-base);font-family:var(--font-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:all var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(108,99,255,.1)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-slow) ease-out}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.adsense-wrapper{margin:var(--space-2xl) 0;padding:var(--space-lg) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);text-align:center}.adsense-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.adsense-unit{background-color:var(--color-border-light);min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.sidebar .adsense-wrapper{margin:0;padding:0;border:none}@media (max-width:768px){.adsense-wrapper:nth-of-type(n+3){display:none}}.skip-link{position:absolute;top:-40px;left:0;background-color:var(--color-accent-primary);color:var(--color-text-light);padding:var(--space-md);z-index:100;text-decoration:none;border-radius:var(--radius-md)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-contrast:high){:root{--color-border:#000;--color-text-secondary:#000}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media (max-width:1024px){:root{--font-size-h1:28px;--font-size-h2:22px;--font-size-h3:19px}.hero-section{padding:var(--space-2xl) var(--space-lg)}.main-container{grid-template-columns:1fr;gap:var(--space-xl)}.sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px, 1fr));gap:var(--space-lg)}.post-grid{grid-template-columns:repeat(2,1fr)}.post-content{padding:24px}}@media (max-width:768px){:root{--font-size-base:16px;--font-size-h1:24px;--font-size-h2:20px;--font-size-h3:18px;--space-lg:16px;--space-xl:24px;--space-2xl:32px}.header-container{padding:var(--space-md)}.main-navigation{display:none;position:fixed;top:60px;left:0;right:0;background-color:var(--color-bg-secondary);flex-direction:column;padding:var(--space-lg);box-shadow:var(--shadow-lg);border-bottom:1px solid var(--color-border);z-index:var(--z-dropdown)}.main-navigation.active{display:flex}.menu-toggle{display:block}.hero-section{padding:var(--space-xl) var(--space-md)}.post-grid{grid-template-columns:1fr;gap:var(--space-lg)}.post-content{padding:20px}.main-container{padding:var(--space-xl) var(--space-md)}.sidebar{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-normal{font-weight:400}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-lg)}