:root{--color-navy:#1e3a8a;--color-navy-dark:#0f1d45;--color-navy-light:#1e40af;--color-amber:#f59e0b;--color-amber-light:#fbbf24;--color-amber-dark:#d97706;--color-blue:#3b82f6;--color-blue-light:#60a5fa;--color-green:#10b981;--color-green-light:#34d399;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--color-white:#ffffff;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-body:16px;--font-size-sm:14px;--font-size-xs:12px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:36px;--font-size-6xl:40px;--font-size-hero:clamp(36px, 5vw, 64px);--font-size-hero-sub:clamp(18px, 2.5vw, 24px);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-relaxed:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:4px;--radius-default:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition:0.3s ease;--transition-fast:0.15s ease;--transition-slow:0.5s ease;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.15);--shadow-lg:0 8px 30px rgba(0, 0, 0, 0.2);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.25);--shadow-glow-amber:0 0 30px rgba(245, 158, 11, 0.2);--shadow-glow-blue:0 0 30px rgba(59, 130, 246, 0.2);--container-max:1200px;--container-narrow:800px;--nav-height:72px;--bg-color:var(--color-slate-900);--bg-color-alt:var(--color-slate-800);--text-color:var(--color-slate-200);--text-color-muted:var(--color-slate-400);--text-color-light:var(--color-slate-300);--heading-color:var(--color-white);--nav-bg:rgba(15, 23, 42, 0.9);--nav-bg-scrolled:rgba(15, 23, 42, 0.98);--nav-border:rgba(255, 255, 255, 0.08);--nav-brand-color:var(--color-white);--nav-link-color:var(--color-slate-300);--nav-link-active:var(--color-amber);--nav-toggle-color:var(--color-white);--nav-icon-color:var(--color-slate-400);--card-bg-start:rgba(30, 41, 59, 0.8);--card-bg-end:rgba(30, 41, 59, 0.4);--card-border:rgba(255, 255, 255, 0.06);--card-border-hover:rgba(245, 158, 11, 0.2);--card-shadow-hover:var(--shadow-lg);--card-shadow-glow:var(--shadow-glow-amber);--btn-outline-border:var(--color-slate-600);--btn-outline-color:var(--color-slate-200);--comment-bg:rgba(255, 255, 255, 0.02);--comment-bg-hover:rgba(255, 255, 255, 0.03);--comment-border:rgba(255, 255, 255, 0.04);--comment-border-hover:rgba(245, 158, 11, 0.15);--tag-bg:rgba(255, 255, 255, 0.03);--tag-border:rgba(255, 255, 255, 0.08);--tag-color:var(--color-slate-300);--code-bg:rgba(255, 255, 255, 0.08);--code-color:var(--color-amber-light);--cookie-bg:rgba(30, 41, 59, 0.85);--cookie-border:rgba(255, 255, 255, 0.06);--cookie-text:var(--color-slate-200)}html[data-theme=light]{--bg-color:#efebe4;--bg-color-alt:#faf8f5;--text-color:#1a1510;--text-color-muted:#5c5246;--text-color-light:#3b3329;--heading-color:#0f0b07;--card-bg-start:#faf8f5;--card-bg-end:#faf8f5;--card-border:rgba(15, 23, 42, 0.08);--card-border-hover:rgba(245, 158, 11, 0.5);--card-shadow-hover:0 10px 30px rgba(15, 23, 42, 0.04);--card-shadow-glow:0 0 35px rgba(245, 158, 11, 0.1);--btn-outline-border:#cbd5e1;--btn-outline-color:#475569;--comment-bg:#faf8f5;--comment-bg-hover:rgba(245, 158, 11, 0.02);--comment-border:rgba(15, 23, 42, 0.08);--comment-border-hover:rgba(245, 158, 11, 0.3);--tag-bg:rgba(15, 23, 42, 0.03);--tag-border:rgba(15, 23, 42, 0.08);--tag-color:#475569;--code-bg:rgba(15, 23, 42, 0.06);--code-color:var(--color-amber-dark);--cookie-bg:#faf8f5;--cookie-border:rgba(15, 23, 42, 0.08);--cookie-text:#3b3329}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-color);background-color:var(--bg-color);overflow-x:hidden;transition:background-color var(--transition),color var(--transition)}img{max-width:100%;height:auto;display:block}a{color:var(--color-amber);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-amber-light)}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);transition:color var(--transition)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4);color:var(--text-color-light);transition:color var(--transition)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-16)0}.section--dark{background-color:var(--color-slate-800)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:background-color var(--transition),box-shadow var(--transition);background-color:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border)}.nav--scrolled{background-color:var(--nav-bg-scrolled);box-shadow:var(--shadow-lg);border-bottom-color:var(--nav-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.nav__brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--nav-brand-color);display:flex;align-items:center;gap:var(--space-2);transition:color var(--transition)}.nav__brand:hover{color:var(--color-amber)}.nav__brand-accent{color:var(--color-amber)}.nav__logo{width:40px;height:40px;border-radius:var(--radius-sm);border:1.5px solid rgba(245,158,11,.4);object-fit:cover;transition:transform var(--transition),border-color var(--transition)}.nav__brand:hover .nav__logo{transform:scale(1.05);border-color:var(--color-amber)}@media(max-width:768px){.nav__logo{width:32px;height:32px}}.nav__links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--nav-link-color);text-transform:uppercase;letter-spacing:1px;position:relative;padding:var(--space-2)0;transition:color var(--transition)}.nav__link:hover,.nav__link--active{color:var(--color-amber)}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-amber);transition:width var(--transition)}.nav__link:hover::after,.nav__link--active::after{width:100%}.nav__toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:0 0;border:none;padding:var(--space-2);z-index:1001}.nav__toggle span{display:block;width:24px;height:2px;background-color:var(--heading-color);border-radius:var(--radius-full);transition:transform var(--transition),opacity var(--transition)}.nav__toggle--active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.nav__toggle--active span:nth-child(2){opacity:0}.nav__toggle--active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav__lang-switch{margin-left:var(--space-2);padding-left:var(--space-4);border-left:1px solid var(--nav-border)}.nav__link--lang{font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-semibold)!important;padding:var(--space-1)var(--space-3)!important;border:1px solid var(--nav-border);border-radius:var(--radius-full);letter-spacing:1.5px;transition:all var(--transition)}.nav__link--lang:hover{border-color:var(--color-amber);background:rgba(245,158,11,.1)}.nav__link--lang::after{display:none!important}.nav__theme-switch{margin-left:var(--space-2);padding-left:var(--space-3);display:flex;align-items:center}.nav__link--theme{display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid var(--nav-border);border-radius:var(--radius-full);padding:6px!important;cursor:pointer;color:var(--text-color-muted);transition:all var(--transition)}.nav__link--theme:hover{border-color:var(--color-amber);background:rgba(245,158,11,.1);color:var(--color-amber);transform:rotate(15deg)}.nav__link--theme svg{display:block;transition:transform var(--transition)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:1px;padding:var(--space-4)var(--space-8);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn--primary{background:linear-gradient(135deg,var(--color-amber),var(--color-amber-dark));color:var(--color-slate-900);box-shadow:0 4px 15px rgba(245,158,11,.3)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(245,158,11,.4);color:var(--color-slate-900)}.btn--outline{background:0 0;color:var(--btn-outline-color);border:1px solid var(--btn-outline-border)}.btn--outline:hover{border-color:var(--color-amber);color:var(--color-amber);transform:translateY(-2px)}.btn--sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-xs)}.btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.page-header{padding:var(--space-24)0 var(--space-12);text-align:center;position:relative;overflow:hidden;background-color:var(--bg-color-alt);background-image:url(/images/header-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;border-bottom:1px solid var(--nav-border);margin-top:var(--nav-height)}.page-header__bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.88) 0%,rgba(15,29,69,.85) 100%);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);z-index:0;transition:background var(--transition)}html[data-theme=light] .page-header__bg{background:linear-gradient(135deg,rgba(248,250,252,.9) 0%,rgba(241,245,249,.85) 100%)}.page-header__content{position:relative;z-index:1}.page-header h1{font-size:clamp(28px,4vw,44px);margin-bottom:var(--space-4)}.page-header p{font-size:var(--font-size-lg);color:var(--text-color-light);max-width:680px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:3fr 1fr;gap:var(--space-10);align-items:start}.blog-main{min-width:0}.blog-sidebar{display:flex;flex-direction:column;gap:var(--space-8)}.sidebar-widget{background:linear-gradient(135deg,var(--card-bg-start),var(--card-bg-end));border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:background var(--transition),border var(--transition)}.sidebar-widget__title{font-size:var(--font-size-md);color:var(--heading-color);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid rgba(245,158,11,.2);text-transform:uppercase;letter-spacing:1.5px}.sidebar-widget p{font-size:var(--font-size-sm);color:var(--text-color-muted);line-height:var(--line-height-normal)}.posts-list{display:flex;flex-direction:column;gap:var(--space-6)}.post-card{background:linear-gradient(135deg,var(--card-bg-start),var(--card-bg-end));border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition);position:relative;overflow:hidden}.post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-amber),var(--color-blue));opacity:0;transition:opacity var(--transition)}.post-card:hover{transform:translateY(-4px);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover),var(--card-shadow-glow)}.post-card:hover::before{opacity:1}.post-card__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);font-weight:var(--font-weight-bold);line-height:1.3}.post-card__title a{color:var(--heading-color);transition:color var(--transition)}.post-card__title a:hover{color:var(--color-amber)}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--text-color-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--nav-border)}.post-card__meta a{color:var(--text-color-light)}.post-card__meta a:hover{color:var(--color-amber)}.post-card__summary{font-size:var(--font-size-sm);color:var(--text-color-light);line-height:var(--line-height-normal);margin-bottom:var(--space-6)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,5%)}.pagination__info{font-size:var(--font-size-sm);color:var(--text-color-muted);font-weight:var(--font-weight-medium)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-cloud__item{font-size:var(--font-size-xs);color:var(--tag-color);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:var(--radius-full);padding:3px var(--space-3);transition:all var(--transition)}.tag-cloud__item:hover{border-color:var(--color-amber);color:var(--color-amber);background:rgba(245,158,11,5%)}.tag-cloud__count{color:var(--color-slate-500);font-size:10px}.terms-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-8)}.terms-list__item{font-size:var(--font-size-sm);color:var(--tag-color);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:var(--radius-full);padding:var(--space-2)var(--space-4);transition:all var(--transition)}.terms-list__item:hover{border-color:var(--color-amber);color:var(--color-amber);background:rgba(245,158,11,8%);transform:translateY(-2px)}.terms-list__count{color:var(--text-color-muted);font-size:var(--font-size-xs);margin-left:var(--space-1)}.post-meta{display:flex;justify-content:center;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--text-color-muted);margin-top:var(--space-2)}.post-meta a{color:var(--text-color-light)}.post-meta a:hover{color:var(--color-amber)}.post-content{font-size:var(--font-size-body);color:var(--text-color);line-height:var(--line-height-relaxed);margin-bottom:var(--space-16)}.post-content p{margin-bottom:var(--space-6)}.post-content h2{font-size:var(--font-size-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,5%)}.post-content h3{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-content pre{background-color:var(--color-slate-800)!important;padding:var(--space-4)!important;margin:var(--space-6)0!important;border-radius:var(--radius-default)!important;border:1px solid rgba(255,255,255,5%)!important;overflow-x:auto}.post-content code{font-family:courier new,Courier,monospace;font-size:.9em;background:var(--code-bg);padding:2px var(--space-1);border-radius:var(--radius-sm);color:var(--code-color)}.post-content pre code{background:0 0;padding:0;color:inherit;font-size:var(--font-size-sm)}.post-content ul,.post-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.post-content li{margin-bottom:var(--space-2)}.post-content blockquote{border-left:4px solid var(--color-amber);background:var(--bg-color-alt);padding:var(--space-4)var(--space-6);margin:var(--space-6)0;font-style:italic;border-radius:0 var(--radius-default)var(--radius-default)0}.post-content blockquote p{margin-bottom:0}.post-content img{max-width:100%;border-radius:var(--radius-default);margin:var(--space-6)0;box-shadow:var(--shadow-md)}.quote-msg{border-left:4px solid var(--color-blue);background:rgba(59,130,246,5%);padding:var(--space-4)var(--space-6);margin:var(--space-6)0;border-radius:0 var(--radius-default)var(--radius-default)0;font-size:var(--font-size-sm)}.page-content{font-size:var(--font-size-body);color:var(--color-slate-200);line-height:var(--line-height-relaxed)}.page-content p{margin-bottom:var(--space-6)}.comments-section{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid rgba(255,255,255,8%)}.comments-section__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-8);font-weight:var(--font-weight-semibold)}.comments-list{display:flex;flex-direction:column;gap:var(--space-6)}.comment-card{background:var(--comment-bg);border:1px solid var(--comment-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition)}.comment-card:hover{border-color:var(--comment-border-hover);background:var(--comment-bg-hover)}.comment-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--font-size-xs)}.comment-card__author{font-weight:var(--font-weight-semibold);color:var(--heading-color)}.comment-card__author a{color:var(--color-amber)}.comment-card__author a:hover{color:var(--color-amber-light)}.comment-card__date{color:var(--text-color-muted)}.comment-card__body{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-color-light)}.comment-card__body p{margin-bottom:var(--space-2)}.comment-card__body p:last-child{margin-bottom:0}.comments-section__none{font-style:italic;color:var(--text-color-muted);text-align:center;padding:var(--space-8)0}.footer{background-color:var(--color-navy-dark);border-top:1px solid rgba(255,255,255,5%);padding:var(--space-16)0 var(--space-8);margin-top:var(--space-16)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer__brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--space-4)}.footer__brand span{color:var(--color-amber)}.footer__description{font-size:var(--font-size-sm);color:var(--color-slate-500);max-width:360px;line-height:var(--line-height-relaxed)}.footer__heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer__links a,.footer__links li{font-size:var(--font-size-sm);color:var(--color-slate-500);transition:color var(--transition)}.footer__links a:hover{color:var(--color-amber)}.footer__bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,5%);display:flex;justify-content:space-between;align-items:center}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-slate-600)}.footer__social{display:flex;gap:var(--space-4)}.footer__social a{width:40px;height:40px;border-radius:var(--radius-default);background:rgba(255,255,255,5%);display:flex;align-items:center;justify-content:center;color:var(--color-slate-400);transition:all var(--transition);font-size:18px}.footer__social a:hover{background:rgba(245,158,11,.1);color:var(--color-amber);transform:translateY(-2px)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in--visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}@media(max-width:1024px){.blog-grid{grid-template-columns:1fr;gap:var(--space-10)}.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:768px){.nav__links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:rgba(15,23,42,.98);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;padding:var(--space-8);gap:var(--space-6);transition:right var(--transition);border-left:1px solid rgba(255,255,255,5%)}.nav__links--open{right:0}.nav__toggle{display:flex}.footer__grid{grid-template-columns:1fr;gap:var(--space-6)}.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}.section{padding:var(--space-12)0}.page-header{padding:var(--space-16)0 var(--space-8)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}