:root{color-scheme:light;--color-primary:#00a000;--color-primary-light:#00c800;--color-primary-dark:#006000;--color-secondary:#c8ff00;--color-secondary-dark:#a0cc00;--color-accent:#00ffaa;--gradient-main:linear-gradient(
    135deg,
    #004d00 0%,
    #007a00 20%,
    var(--color-primary) 40%,
    #00b800 60%,
    #80e000 80%,
    var(--color-secondary) 100%
  );--gradient-card:linear-gradient(
    135deg,
    var(--color-primary-light) 0%,
    var(--color-secondary) 100%
  );--gradient-overlay:linear-gradient(
    135deg,
    rgba(0, 100, 0, 0.92) 0%,
    rgba(180, 255, 0, 0.82) 100%
  );--gradient-text:linear-gradient(
    135deg,
    var(--color-primary) 0%,
    var(--color-accent) 50%,
    var(--color-secondary) 100%
  );--gradient-spotlight:radial-gradient(
    ellipse 80% 60% at 50% 0%,
    rgba(0, 200, 0, 0.18) 0%,
    transparent 70%
  );--text-dark:#1a1f2e;--text-medium:#424857;--text-light:#737b8c;--text-white:#ffffff;--bg-white:#ffffff;--bg-light:#f4f6fb;--bg-card:#ffffff;--bg-overlay:rgba(0, 0, 0, 0.04);--glass-bg:rgba(255, 255, 255, 0.12);--glass-border:rgba(255, 255, 255, 0.25);--border-color:#e2e6f0;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:28px;--border-radius-2xl:40px;--border-radius-full:9999px;--shadow-xs:0 1px 3px rgba(0, 0, 0, 0.07);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.09);--shadow-md:0 8px 24px rgba(0, 0, 0, 0.11),0 2px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 20px 48px rgba(0, 0, 0, 0.14),0 6px 12px rgba(0, 0, 0, 0.08);--shadow-xl:0 32px 64px rgba(0, 0, 0, 0.18);--shadow-glow:0 0 24px rgba(0, 160, 0, 0.4),0 0 6px rgba(0, 200, 0, 0.2);--shadow-glow-strong:0 0 40px rgba(0, 180, 0, 0.55),0 0 12px rgba(0, 220, 0, 0.3);--shadow-glow-accent:0 0 30px rgba(0, 255, 170, 0.35);--shadow-card-hover:0 24px 48px rgba(0, 144, 0, 0.16),0 8px 16px rgba(0, 0, 0, 0.08);--font-heading:"Inter",sans-serif;--font-body:"Roboto",sans-serif;--font-mono:"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-body:1.8;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-base:0.25s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.45s cubic-bezier(0.23, 1, 0.32, 1);--transition-spring:0.5s cubic-bezier(0.34, 1.56, 0.64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--btn-about:#4f46e5;--btn-blog:#f97316;--btn-activity:#0ea5e9;--btn-website:#7c3aed;--btn-linkedin:#0a66c2;--btn-facebook:#1877f2;--btn-instagram:linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );--btn-twitter:#000000;--btn-tiktok:#010101;--btn-youtube:#ff0000;--btn-telegram:#229ed9;--btn-contact:#059669;--reading-progress:0%}body.dark-mode{color-scheme:dark;--color-primary:#28d85a;--color-primary-light:#48f079;--color-primary-dark:#0f8f34;--color-secondary:#c8ff00;--color-secondary-dark:#9bd100;--color-accent:#4dffd2;--text-dark:#e4e8f4;--text-medium:#98a2b8;--text-light:#738098;--bg-white:#0a0e15;--bg-light:#111722;--bg-card:#151d2a;--bg-overlay:rgba(255, 255, 255, 0.04);--border-color:#263247;--glass-bg:rgba(255, 255, 255, 0.06);--glass-border:rgba(255, 255, 255, 0.12);--gradient-main:linear-gradient(
    135deg,
    #07130d 0%,
    #0b3d20 28%,
    #13823c 52%,
    #42d36f 76%,
    #c8ff00 100%
  );--gradient-card:linear-gradient(135deg, #31e064 0%, #c8ff00 100%);--gradient-spotlight:radial-gradient(
    ellipse 80% 60% at 50% 0%,
    rgba(72, 240, 121, 0.16) 0%,
    transparent 72%
  );--shadow-md:0 8px 24px rgba(0, 0, 0, 0.4),0 2px 6px rgba(0, 0, 0, 0.25);--shadow-lg:0 20px 48px rgba(0, 0, 0, 0.55);--shadow-card-hover:0 24px 48px rgba(0, 144, 0, 0.2),0 8px 16px rgba(0, 0, 0, 0.3);--shadow-glow:0 0 24px rgba(72, 240, 121, 0.26),0 0 6px rgba(200, 255, 0, 0.12);--shadow-glow-strong:0 0 38px rgba(72, 240, 121, 0.36),0 0 14px rgba(200, 255, 0, 0.18);background:radial-gradient(circle at 50% -10%,rgba(72,240,121,.08),transparent 34rem),linear-gradient(180deg,#0a0e15 0,#0b1018 48%,#080b11 100%)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--text-dark);background-color:var(--bg-white);transition:background-color .35s,color .35s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-full);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-dark),var(--color-primary-light))}::-moz-selection{background-color:var(--color-primary);color:#fff}::selection{background-color:var(--color-primary);color:#fff}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}ol,ul{list-style:none}button{cursor:pointer;border:none;background:0 0;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--text-dark)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md);color:var(--text-medium)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-cursor::after{content:"|";display:inline-block;animation:.8s step-end infinite blink-cursor;color:var(--color-secondary);font-weight:300;margin-left:2px}@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}@keyframes gradient-text-flow{0%{background-position:0 50%}100%{background-position:100% 50%}}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-lg)}.container--narrow{max-width:740px;margin-inline:auto;padding-inline:var(--space-lg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-tooltip]{position:relative}[data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--text-dark);color:#fff;font-size:var(--font-size-xs);font-family:var(--font-heading);font-weight:500;padding:5px 10px;border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:var(--z-toast)}[data-tooltip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.slide-up{opacity:0;transform:translateY(44px);transition:opacity .7s,transform .7s cubic-bezier(.23,1,.32,1)}.slide-left{opacity:0;transform:translateX(-36px);transition:opacity .65s,transform .65s}.slide-right{opacity:0;transform:translateX(36px);transition:opacity .65s,transform .65s}.scale-in{opacity:0;transform:scale(.88);transition:opacity .6s ease,transform .6s var(--transition-spring)}.fade-in.is-visible,.scale-in.is-visible,.slide-left.is-visible,.slide-right.is-visible,.slide-up.is-visible{opacity:1;transform:translate(0) scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.65s}.delay-7{transition-delay:.8s}.site-header{position:sticky;top:0;left:0;right:0;z-index:var(--z-sticky);background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(247,251,255,.88)) padding-box,linear-gradient(90deg,rgba(0,160,0,.18),rgba(200,255,0,.18),rgba(0,255,170,.12)) border-box;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);border-bottom:1px solid transparent;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 42px) 100%,0 100%);transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:sticky}.site-header::after,.site-header::before{content:"";position:absolute;pointer-events:none}.site-header::before{left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(0,160,0,.22) 12%,rgba(200,255,0,.8) 48%,rgba(0,255,170,.35) 72%,transparent 100%)}.site-header::after{inset:0;background:linear-gradient(90deg,rgba(0,160,0,.06) 1px,transparent 1px) 0 100%/48px 8px repeat-x,linear-gradient(90deg,transparent,rgba(200,255,0,.09),transparent);opacity:.7;mix-blend-mode:multiply}body.dark-mode .site-header{background:linear-gradient(90deg,rgba(10,14,21,.94),rgba(13,20,30,.88)) padding-box,linear-gradient(90deg,rgba(72,240,121,.18),rgba(200,255,0,.18),rgba(77,255,210,.14)) border-box;border-bottom-color:transparent}body.dark-mode .site-header::after{opacity:.55;mix-blend-mode:screen}.site-header.scrolled{box-shadow:0 14px 34px rgba(0,0,0,.1),0 0 0 1px rgba(0,160,0,.08)}body.dark-mode .site-header.scrolled{box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 1px rgba(200,255,0,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:var(--space-lg);position:relative;z-index:1}.site-logo{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:800;color:var(--text-dark);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.02em;position:relative;isolation:isolate;border-radius:999px;transition:transform .28s,filter .28s;will-change:transform}.site-logo::before{content:"";position:absolute;inset:-.35rem -.6rem;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(245,252,238,.42)) padding-box,linear-gradient(135deg,rgba(0,160,0,.18),rgba(200,255,0,.18)) border-box;border:1px solid transparent;box-shadow:0 12px 28px rgba(31,63,20,.08);opacity:0;transform:scale(.96);transition:opacity .28s,transform .28s,box-shadow .28s}.site-logo:hover{transform:translateY(-1px);filter:saturate(1.05)}.site-logo:hover::before{opacity:1;transform:scale(1)}.site-logo__mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,conic-gradient(from 135deg,var(--color-primary),var(--color-secondary),var(--color-accent),var(--color-primary)) border-box;border:1px solid transparent;box-shadow:0 0 0 3px rgba(0,160,0,.07),0 0 18px rgba(0,160,0,.18);position:relative;flex-shrink:0;padding:2px;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}.site-logo__mark::after{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.36) 50%,transparent 65%);transform:translateX(-120%) rotate(12deg);transition:transform .55s;pointer-events:none}.site-logo:hover .site-logo__mark{transform:translateY(-1px) scale(1.06);box-shadow:0 0 0 4px rgba(0,160,0,.12),0 0 24px rgba(0,160,0,.3),0 10px 22px rgba(0,80,0,.14)}.site-logo:hover .site-logo__mark::after{transform:translateX(120%) rotate(12deg)}.site-logo__mark img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:9px;transition:transform .35s}.site-logo:hover .site-logo__mark img{transform:scale(1.035)}.site-logo__text{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 48%,var(--color-secondary-dark) 100%);background-size:200% 100%;background-position:0 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-position .4s,filter .35s}.site-logo:hover .site-logo__text{background-position:100% 50%;filter:brightness(1.12)}body.dark-mode .site-logo::before{background:linear-gradient(180deg,rgba(22,28,38,.76),rgba(14,20,29,.52)) padding-box,linear-gradient(135deg,rgba(72,240,121,.2),rgba(200,255,0,.16)) border-box;box-shadow:0 18px 36px rgba(0,0,0,.3)}.site-nav{display:flex;align-items:center;gap:4px;padding:6px;background:linear-gradient(180deg,rgba(241,248,233,.88),rgba(232,244,220,.72)) padding-box,linear-gradient(180deg,rgba(194,235,154,.7),rgba(114,178,79,.18)) border-box;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid transparent;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(31,63,20,.08),0 0 0 1px rgba(255,255,255,.28)}body.dark-mode .site-nav{background:linear-gradient(180deg,rgba(22,28,38,.76),rgba(14,20,29,.66)) padding-box,linear-gradient(180deg,rgba(255,255,255,.14),rgba(200,255,0,.14)) border-box;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.04)}.site-nav a{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;color:rgba(27,44,20,.88);padding:9px 18px;border-radius:999px;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;overflow:hidden;line-height:1.1}.site-nav a::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.site-nav a:hover{color:#13210f;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 10px 18px rgba(54,89,35,.08);transform:translateY(-1px)}.site-nav a.active::after,.site-nav a:hover::after{opacity:1}.site-nav a.active{color:#173d14;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(243,250,235,.52));font-weight:600;box-shadow:inset 0 0 0 1px rgba(169,211,125,.5),inset 0 1px 0 rgba(255,255,255,.84),0 12px 22px rgba(54,89,35,.12)}body.dark-mode .site-nav a{color:rgba(233,239,246,.82)}body.dark-mode .site-nav a.active,body.dark-mode .site-nav a:hover{color:#f4f7fb;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.24)}body.dark-mode .site-nav a.active{color:#d7ff7e;background:linear-gradient(180deg,rgba(200,255,0,.14),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(200,255,0,.16),inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.28)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.dark-toggle{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--text-medium);background:linear-gradient(var(--bg-light),var(--bg-light)) padding-box,linear-gradient(135deg,rgba(0,160,0,.24),rgba(200,255,0,.2)) border-box;border:1px solid transparent;font-size:var(--font-size-base);transition:background-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.dark-toggle::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-main);opacity:0;transition:opacity var(--transition-base)}.dark-toggle:hover{color:#fff;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.dark-toggle:hover::before{opacity:1}.dark-toggle i{position:relative;z-index:1;transition:transform var(--transition-base)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:13px;background:linear-gradient(var(--bg-light),var(--bg-light)) padding-box,linear-gradient(135deg,rgba(0,160,0,.24),rgba(200,255,0,.2)) border-box;border:1px solid transparent;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.hamburger:hover{background:var(--gradient-main);box-shadow:var(--shadow-glow)}.hamburger:hover .hamburger__line{background:#fff}.hamburger__line{width:20px;height:2px;background:var(--text-dark);border-radius:2px;transition:background-color var(--transition-base),opacity var(--transition-base),transform var(--transition-base);transform-origin:center}.hamburger.is-active .hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-active .hamburger__line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-active .hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:var(--space-md) var(--space-lg) var(--space-lg);gap:4px;animation:.25s slideDown}body.dark-mode .mobile-nav{background:rgba(13,16,23,.97)}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav.is-open{display:flex}.mobile-nav a{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:500;color:var(--text-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.mobile-nav a.active,.mobile-nav a:hover{color:var(--color-primary);background:rgba(0,160,0,.08)}.landing-page{min-height:100vh;background:linear-gradient(160deg,#020 0,#005000 35%,#009000 65%,#5c0 90%,#ae0 100%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);overflow:hidden}.lp-gradient-bg{position:absolute;inset:-60%;width:220%;height:220%;background:conic-gradient(from 0deg,transparent 0,rgba(0,200,80,.18) 15%,transparent 30%,rgba(170,238,0,.12) 50%,transparent 65%,rgba(0,180,60,.15) 80%,transparent 100%);animation:25s linear infinite lp-spin;will-change:transform;z-index:0;pointer-events:none}@keyframes lp-spin{to{transform:rotate(360deg)}}.landing-page::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.6}.landing-page::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.32) 100%);pointer-events:none;z-index:1}#net-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.landing-content{position:relative;z-index:3;width:100%;max-width:min(700px,calc(100vw - 2.5rem));margin-inline:auto;padding:4rem 3.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);background:rgba(0,20,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius-2xl);border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.08)}.profile-avatar-wrap{position:relative;display:inline-block;border-radius:50%;padding:5px;background:rgba(0,20,0,.65);isolation:isolate}.profile-avatar-wrap::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--color-secondary) 0,var(--color-primary-light) 22%,var(--color-primary) 48%,#002800 68%,var(--color-secondary) 100%);animation:5s linear infinite spin-ring;will-change:transform;z-index:-1}@keyframes spin-ring{to{transform:rotate(360deg)}}.profile-avatar-wrap img{width:140px;height:140px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;position:relative;z-index:1;transition:transform var(--transition-slow)}.profile-avatar-wrap img:hover{transform:scale(1.05)}.profile-avatar__dot{position:absolute;top:122px;left:122px;width:14px;height:14px;background:radial-gradient(circle,#4ade80 40%,#16a34a 100%);border-radius:50%;border:2.5px solid rgba(255,255,255,.95);z-index:2;animation:2.5s ease-out infinite pulse-dot}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.8)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.profile-avatar{all:unset}.profile-name{font-family:var(--font-heading);font-size:clamp(1.7rem,5vw,2.5rem);font-weight:900;color:#fff;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-xs);text-shadow:0 2px 16px rgba(0,0,0,.2),0 0 60px rgba(255,255,255,.15)}.profile-degrees{font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-sm)}.profile-tagline{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:400;color:rgba(255,255,255,.85);margin-bottom:0;line-height:1.65;letter-spacing:.01em}.landing-stats{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:0;width:100%}.stat-pill{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(200,255,0,.35);border-radius:var(--border-radius-lg);padding:var(--space-sm) var(--space-lg);text-align:center;min-width:90px;cursor:default;transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow),transform var(--transition-slow);position:relative;overflow:hidden}.stat-pill::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(200,255,80,.12) 50%,transparent 100%);transform:translateX(-100%);transition:transform .65s}.stat-pill:hover::before{transform:translateX(100%)}.stat-pill:hover{background:rgba(0,0,0,.4);border-color:rgba(200,255,0,.5);border-top-color:rgba(200,255,0,.8);transform:translateY(-5px) scale(1.04);box-shadow:0 12px 28px rgba(0,0,0,.3),0 0 16px rgba(180,255,0,.2)}.stat-pill__number{display:block;font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:900;background:linear-gradient(135deg,#fff 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.stat-pill__label{display:block;font-size:10.5px;color:rgba(255,255,255,.7);font-family:var(--font-heading);font-weight:500;letter-spacing:.03em;white-space:nowrap}.expertise-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:0;width:100%}.expertise-tag{display:inline-flex;align-items:center;padding:4px 14px;background:rgba(0,0,0,.2);border:1px solid rgba(200,255,80,.25);border-radius:var(--border-radius-full);font-size:11px;font-weight:600;color:rgba(220,255,160,.92);font-family:var(--font-heading);letter-spacing:.04em;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base)}.expertise-tag:hover{background:rgba(0,0,0,.35);border-color:var(--color-secondary);color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 4px 14px rgba(0,0,0,.2),0 0 8px rgba(200,255,0,.2)}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);width:100%}.link-btn{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-lg);border-radius:var(--border-radius-md);color:#fff!important;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-fast);box-shadow:0 4px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.22);white-space:nowrap;overflow:hidden;position:relative;text-overflow:ellipsis}.link-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28);filter:brightness(1.1);color:#fff!important}.link-btn:active{transform:translateY(1px) scale(.98);transition-duration:.1s}.link-btn::after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.32) 50%,rgba(255,255,255,0) 100%);transform:skewX(-15deg);opacity:0}.link-btn:hover::after{opacity:1;animation:.65s forwards shimmer-slide}.link-btn i{font-size:var(--font-size-lg);flex-shrink:0;width:22px;text-align:center}.link-btn--about{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.link-btn--blog{background:linear-gradient(135deg,#f97316,#ea580c)}.link-btn--activity{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.link-btn--website{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.link-btn--linkedin{background:linear-gradient(135deg,#0a66c2,#0055a5)}.link-btn--facebook{background:linear-gradient(135deg,#1877f2,#0c5fcc)}.link-btn--instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.link-btn--twitter{background:linear-gradient(135deg,#1a1a1a,#333)}.link-btn--tiktok{background:linear-gradient(135deg,#010101,#2d2d2d)}.link-btn--youtube{background:linear-gradient(135deg,red,#c00)}.link-btn--telegram{background:linear-gradient(135deg,#229ed9,#0e88c1)}.link-btn--contact{background:linear-gradient(135deg,#059669,#047857)}.landing-page .fade-in,.landing-page .slide-up{opacity:0;animation:.75s cubic-bezier(.23,1,.32,1) both lp-appear}.landing-page .delay-1{animation-delay:.1s}.landing-page .delay-2{animation-delay:.22s}.landing-page .delay-3{animation-delay:.34s}.landing-page .delay-4{animation-delay:.46s}.landing-page .delay-5{animation-delay:.58s}@keyframes lp-appear{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-page{background:var(--bg-light);min-height:100vh}.page-hero{background:var(--gradient-main);padding:var(--space-2xl) 0 var(--space-3xl);text-align:center;position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(255,255,255,.15) 0,transparent 60%);pointer-events:none}.page-hero h1{font-size:var(--font-size-3xl);color:#fff;font-weight:800;position:relative;text-shadow:0 2px 20px rgba(0,0,0,.15)}.page-hero p{color:rgba(255,255,255,.85);font-size:var(--font-size-lg);margin-bottom:var(--space-xl);position:relative}.btn-home{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:rgba(255,255,255,.18);color:#fff!important;border-radius:var(--border-radius-full);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;border:1.5px solid rgba(255,255,255,.42);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base);position:relative}.btn-home:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.75);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-2xl);padding:var(--space-2xl) 0;align-items:start}.blog-layout--single{grid-template-columns:1fr;max-width:1000px;margin-inline:auto}.blog-layout--single .posts-area,.blog-layout--single .posts-grid{display:block}.blog-layout--post{grid-template-columns:1fr 300px;max-width:1280px;margin-inline:auto;padding-top:0}.blog-layout--post #Blog1,.blog-layout--post .posts-area,.blog-layout--post .posts-grid{display:contents}.blog-layout--post .post-single{grid-column:1}.blog-layout--post .sidebar{grid-column:2}.blog-layout--post .container--narrow{max-width:100%}.blog-layout--homepage .posts-area{width:100%}.posts-grid{display:flex;flex-direction:column;gap:var(--space-2xl)}.blog-layout--single .posts-grid{display:block}.post-card{background:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .35s var(--transition-spring),box-shadow .35s ease;border:1px solid var(--border-color);position:relative;max-width:560px;width:100%;margin-inline:auto}.post-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-card);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow);z-index:1}.post-card:hover::before{transform:scaleX(1)}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}body.dark-mode .post-card{background:linear-gradient(180deg,#171f2d 0,#131a26 100%);border-color:rgba(200,255,0,.08);box-shadow:0 14px 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03)}body.dark-mode .post-card:hover{border-color:rgba(200,255,0,.18);box-shadow:0 24px 52px rgba(0,0,0,.46),0 0 0 1px rgba(200,255,0,.08),0 0 34px rgba(72,240,121,.06)}.post-card__thumb{position:relative;height:160px;overflow:hidden;background:var(--bg-light)}body.dark-mode .post-card__thumb{background:#0f1520}.post-card__thumb img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card__thumb img{transform:scale(1.07)}.post-card__label{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--gradient-card);color:#1a1f2e;font-size:var(--font-size-xs);font-weight:700;padding:3px 10px;border-radius:var(--border-radius-full);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 8px rgba(0,0,0,.18)}.post-card__body{padding:var(--space-md)}.post-card__meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-light);font-family:var(--font-heading)}.post-card__meta i{font-size:11px}.post-card__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__title a{color:inherit!important;transition:color var(--transition-fast)}.post-card__title a:hover{color:var(--color-primary)!important}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--text-medium);line-height:1.7;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__footer{display:flex;align-items:center;justify-content:space-between}.read-more{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)!important;transition:gap var(--transition-fast),color var(--transition-fast)}.read-more i{transition:transform var(--transition-base)}.read-more:hover{gap:var(--space-sm);color:var(--color-primary-light)!important}.read-more:hover i{transform:translateX(4px)}body.dark-mode .read-more{color:#7bf49b!important}body.dark-mode .read-more:hover{color:#c8ff00!important}.sidebar{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:80px}.sidebar-widget{background:var(--bg-card);border-radius:16px;padding:1.4rem;box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.05);border:1px solid var(--border-color);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.sidebar-widget::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:16px 16px 0 0}.sidebar-widget::after{content:"";position:absolute;top:-80%;left:-60%;width:40%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-15deg);pointer-events:none;transition:left .6s}.sidebar-widget:hover::after{left:130%}.sidebar-widget:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.1),0 0 0 1px rgba(0,160,0,.1),0 0 24px rgba(0,160,0,.07)}.sidebar-widget__title{display:flex;align-items:center;gap:.55rem;font-family:var(--font-heading);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dark);margin-bottom:1.1rem;padding-bottom:.7rem;border-bottom:1px solid var(--border-color)}.sidebar-widget__title i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;background:linear-gradient(135deg,#009000 0,#6c0 100%);color:#fff;border-radius:6px;font-size:.62rem;box-shadow:0 2px 6px rgba(0,144,0,.35),0 0 0 2px rgba(0,144,0,.1);transition:box-shadow .25s,transform .25s}.sidebar-widget:hover .sidebar-widget__title i{box-shadow:0 3px 10px rgba(0,144,0,.55),0 0 0 3px rgba(0,144,0,.15);transform:scale(1.08)}body.dark-mode .sidebar-widget{background:#141c28;border-color:rgba(200,255,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.35),0 1px 4px rgba(0,0,0,.25)}body.dark-mode .sidebar-widget::before{background:linear-gradient(90deg,#009000 0,#c8ff00 100%);opacity:.65}body.dark-mode .sidebar-widget::after{background:linear-gradient(90deg,transparent,rgba(200,255,0,.04),transparent)}body.dark-mode .sidebar-widget:hover{box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 0 1px rgba(200,255,0,.15),0 0 30px rgba(200,255,0,.05)}body.dark-mode .sidebar-widget__title{color:#c8d8f0;border-bottom-color:rgba(200,255,0,.1)}body.dark-mode .sidebar-widget__title i{background:linear-gradient(135deg,#00a000 0,#c8ff00 100%);color:#071200;box-shadow:0 2px 8px rgba(200,255,0,.3),0 0 0 2px rgba(200,255,0,.08)}body.dark-mode .sidebar-widget:hover .sidebar-widget__title i{box-shadow:0 3px 14px rgba(200,255,0,.5),0 0 0 3px rgba(200,255,0,.15)}.sidebar-about{text-align:center}.sidebar-about img{width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-md);-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-primary);box-shadow:var(--shadow-glow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.sidebar-about img:hover{transform:scale(1.06);box-shadow:var(--shadow-glow-strong)}.sidebar-about p{font-size:var(--font-size-sm);color:var(--text-medium);margin-bottom:0}.label-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.label-tag{display:inline-flex;align-items:center;padding:4px 12px;background:rgba(0,160,0,.08);color:var(--color-primary);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-heading);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);border:1px solid transparent}.label-tag:hover{background:var(--gradient-card);color:#1a1f2e!important;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.recent-post-item{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);border-radius:var(--border-radius-sm)}.recent-post-item:last-child{border-bottom:none}.recent-post-item img{width:60px;height:60px;border-radius:var(--border-radius-md);-o-object-fit:cover;object-fit:cover;flex-shrink:0;transition:transform var(--transition-base)}.recent-post-item:hover img{transform:scale(1.05)}.recent-post-item__content{flex:1;min-width:0}.recent-post-item__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-post-item__title a{color:inherit!important}.recent-post-item__title a:hover{color:var(--color-primary)!important}.recent-post-item__date{font-size:var(--font-size-xs);color:var(--text-light);margin-top:4px;font-family:var(--font-heading)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl) 0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;color:var(--text-medium);background:var(--bg-card);border:1px solid var(--border-color);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-xs)}.pagination a:hover,.pagination span.active{background:var(--gradient-card);color:#1a1f2e!important;border-color:transparent;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pagination .next,.pagination .prev{width:auto;padding-inline:var(--space-md);gap:var(--space-xs)}.post-single{background:var(--bg-white)}.post-single__header{padding:var(--space-2xl) 0 var(--space-xl)}.post-single__category{display:inline-flex;align-items:center;gap:var(--space-xs);background:rgba(0,160,0,.1);color:var(--color-primary);padding:4px 14px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-md);border:1px solid rgba(0,160,0,.2)}.post-single__title{font-size:clamp(1.65rem,4vw,2.5rem);font-weight:800;line-height:1.25;letter-spacing:-.025em;margin-bottom:var(--space-lg)}.post-single__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg);color:var(--text-light);font-size:var(--font-size-sm);font-family:var(--font-heading);padding:var(--space-xl) 0 var(--space-md)}.post-single__meta i{margin-right:4px}.post-single__image{border-radius:var(--border-radius-xl);overflow:hidden;margin-bottom:var(--space-2xl);box-shadow:var(--shadow-lg);position:relative}.post-single__image::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.25),transparent);pointer-events:none}.post-single__image img{width:100%;height:auto;max-height:650px;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.post-single__image:hover img{transform:scale(1.02)}.reading-progress-bar{position:fixed;top:64px;left:0;right:0;height:3px;background:0 0;z-index:calc(var(--z-sticky) - 1);pointer-events:none}.reading-progress-bar__fill{height:100%;width:var(--reading-progress);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 10px rgba(0,200,0,.5);border-radius:0 3px 3px 0;transition:width .1s linear}.post-content{font-size:17px;line-height:1.88;color:var(--text-dark)}.post-content h2{font-size:var(--font-size-2xl);font-weight:700;margin:var(--space-2xl) 0 var(--space-md);color:var(--text-dark);position:relative;padding-left:var(--space-md)}.post-content h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--gradient-card);border-radius:4px}.post-content h3{font-size:var(--font-size-xl);font-weight:700;margin:var(--space-xl) 0 var(--space-sm)}.post-content p{margin-bottom:var(--space-lg)}.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(0,160,0,.35);transition:text-decoration-color var(--transition-fast),color var(--transition-fast)}.post-content a:hover{color:var(--color-primary-light);text-decoration-color:var(--color-primary-light)}.post-content blockquote{border-left:4px solid transparent;background-image:linear-gradient(var(--bg-white),var(--bg-white)),var(--gradient-card);background-origin:border-box;background-clip:padding-box,border-box;padding:var(--space-lg) var(--space-xl);background-color:rgba(0,160,0,.05);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;margin:var(--space-xl) 0;font-style:italic;color:var(--text-medium);position:relative}.post-content blockquote::before{content:'"';font-size:5rem;color:rgba(0,160,0,.15);position:absolute;top:-10px;left:16px;line-height:1;font-family:Georgia,serif}.post-content ol,.post-content ul{padding-left:var(--space-xl);margin-bottom:var(--space-lg);list-style:disc}.post-content ol{list-style:decimal}.post-content li{margin-bottom:var(--space-sm);line-height:1.75}.post-content img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:var(--space-xl) auto}.post-content code{font-family:var(--font-mono);font-size:.88em;background:rgba(0,160,0,.08);color:var(--color-primary-dark);padding:2px 7px;border-radius:var(--border-radius-sm);border:1px solid rgba(0,160,0,.15)}.post-content pre{background:linear-gradient(135deg,#1a1f2e,#0d1017);color:#e4e8f4;padding:var(--space-xl);border-radius:var(--border-radius-lg);overflow-x:auto;margin:var(--space-xl) 0;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.7;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.06)}.post-content pre::before{content:"CODE";position:absolute;top:12px;right:14px;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.2);font-family:var(--font-heading);font-weight:700}.post-content pre code{background:0 0;color:inherit;padding:0;border:none;font-size:1em}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.post-share{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px var(--space-lg);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-heading);color:#fff!important;transition:background-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.share-btn::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.15);opacity:0;transition:opacity var(--transition-fast)}.share-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.share-btn:hover::before{opacity:1}.share-btn--twitter{background:linear-gradient(135deg,#1a1a1a,#333)}.share-btn--facebook{background:linear-gradient(135deg,#1877f2,#0c5fcc)}.share-btn--whatsapp{background:linear-gradient(135deg,#25d366,#1da84e)}.share-btn--copy{background:linear-gradient(135deg,#6b7280,#4b5563)}.site-footer{background:linear-gradient(165deg,#0f172a 0,#0d1420 50%,#07090e 100%);color:rgba(255,255,255,.7);padding:var(--space-3xl) 0 var(--space-xl);position:relative;overflow:hidden}.site-footer::after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.2)),linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.2));background-size:4px 4px;background-position:0 0,2px 2px;pointer-events:none;opacity:.4;z-index:0}.site-footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),var(--color-primary),transparent);z-index:1}body.dark-mode .site-footer{background:linear-gradient(160deg,#080b10 0,#060810 100%)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl);position:relative;z-index:2}.footer-about__logo{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);display:block}.footer-brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:var(--space-md);color:rgba(255,255,255,.92)!important;position:relative;isolation:isolate;border-radius:999px;transition:transform .28s,filter .28s;will-change:transform}.footer-brand::before{content:"";position:absolute;inset:-.45rem -.7rem;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)) padding-box,linear-gradient(135deg,rgba(200,255,0,.2),rgba(40,216,90,.16)) border-box;border:1px solid transparent;box-shadow:0 18px 38px rgba(0,0,0,.24);opacity:0;transform:scale(.96);transition:opacity .28s,transform .28s,box-shadow .28s}.footer-brand:hover{transform:translateY(-2px);filter:saturate(1.06)}.footer-brand:hover::before{opacity:1;transform:scale(1)}.footer-brand__avatar{width:52px;height:52px;border-radius:16px;padding:2px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03)) padding-box,conic-gradient(from 140deg,var(--color-primary),var(--color-secondary),rgba(255,255,255,.22),var(--color-primary)) border-box;border:1px solid transparent;box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 22px rgba(200,255,0,.14);position:relative;flex-shrink:0;overflow:hidden;transition:transform .32s,box-shadow .32s,border-color .32s}.footer-brand__avatar::after{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%) rotate(12deg);transition:transform .6s;pointer-events:none}.footer-brand:hover .footer-brand__avatar{transform:translateY(-1px) scale(1.06);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 28px rgba(200,255,0,.24);border-color:rgba(255,255,255,.26)}.footer-brand:hover .footer-brand__avatar::after{transform:translateX(120%) rotate(12deg)}.footer-brand__avatar img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:13px;transition:transform .35s}.footer-brand:hover .footer-brand__avatar img{transform:scale(1.035)}.footer-brand__text{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff 0,var(--color-secondary) 42%,var(--color-primary) 100%);background-size:200% 100%;background-position:0 50%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-position .4s,filter .35s}.footer-brand:hover .footer-brand__text{background-position:100% 50%;filter:brightness(1.14)}.footer-about p{font-size:var(--font-size-sm);line-height:1.75;color:rgba(255,255,255,.55);margin-bottom:var(--space-lg)}.social-links{display:flex;gap:var(--space-sm);flex-wrap:wrap}.social-link{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);background:rgba(255,255,255,.08);color:rgba(255,255,255,.65)!important;border:1px solid rgba(255,255,255,.08);transition:background-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base)}.social-link:hover{background:var(--gradient-card);color:#111!important;border-color:transparent;transform:translateY(-4px) scale(1.08);box-shadow:0 8px 24px rgba(0,200,0,.35),0 0 20px rgba(200,255,0,.2)}.footer-heading{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:700;color:rgba(255,255,255,.9);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.07em}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{font-size:var(--font-size-sm);color:rgba(255,255,255,.5);transition:color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);padding:3px 0}.footer-links a i{width:16px;color:var(--color-primary);transition:transform var(--transition-fast)}.footer-links a:hover{color:var(--color-secondary)!important;transform:translateX(4px)}.footer-links a:hover i{transform:scale(1.2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);position:relative;z-index:2}.footer-bottom__left,.footer-bottom__right{font-size:var(--font-size-xs);color:rgba(255,255,255,.4);letter-spacing:.02em}.footer-bottom__left strong{color:rgba(255,255,255,.8)}.footer-bottom__right{text-align:right;font-style:italic;opacity:.8}.footer-bottom a{color:var(--color-secondary)!important;transition:opacity .2s}.footer-bottom a:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.site-footer{width:100%;max-width:100%;overflow-x:clip}.footer-about,.footer-bottom,.footer-bottom__left,.footer-bottom__right,.footer-inner,.site-footer .container{min-width:0;max-width:100%}.footer-brand{max-width:100%}.footer-about p,.footer-bottom__left,.footer-bottom__right,.footer-brand__text,.footer-links a{overflow-wrap:anywhere;word-break:normal}.social-links{max-width:100%}.footer-bottom{flex-direction:column;text-align:center;gap:var(--space-sm)}.footer-bottom__left,.footer-bottom__right{text-align:center;width:100%}}.back-to-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:48px;height:48px;border-radius:var(--border-radius-full);background:var(--gradient-main);background-size:200% 200%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);box-shadow:var(--shadow-md);z-index:var(--z-toast);opacity:0;transform:translateY(24px) scale(.85);transition:opacity var(--transition-slow),transform var(--transition-slow),visibility var(--transition-slow),box-shadow var(--transition-slow);pointer-events:none}.back-to-top.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{transform:translateY(-5px) scale(1.06);box-shadow:var(--shadow-glow-strong)}.back-to-top svg{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg);pointer-events:none}.ad-slot{width:100%;overflow:hidden;margin:var(--space-xl) 0;background:linear-gradient(var(--bg-light),var(--bg-light)) padding-box,linear-gradient(135deg,rgba(0,160,0,.22),rgba(200,255,0,.24)) border-box;border-radius:14px;min-height:90px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);position:relative}.ad-slot::before{content:attr(data-ad-label);position:absolute;top:8px;left:12px;z-index:1;font-family:var(--font-heading);font-size:.62rem;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-full);padding:5px 8px}.ad-slot:not(.is-configured)::after{content:"Slot AdSense";font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:700;color:var(--text-light);opacity:.75}.ad-slot.is-configured::after{display:none}.ad-slot .adsbygoogle{width:100%;min-height:inherit}.ad-slot--homepage{margin-top:0;margin-bottom:var(--space-2xl)}.ad-slot--leaderboard{min-height:90px}.ad-slot--article-top{margin-top:var(--space-lg);margin-bottom:var(--space-xl)}.ad-slot--article-after-content{margin-top:var(--space-2xl)}.ad-slot--archive-bottom,.ad-slot--before-comments,.ad-slot--homepage-bottom{margin-bottom:var(--space-xl)}.ad-slot--archive-bottom,.ad-slot--homepage-bottom{margin-top:0}.ad-slot--rectangle{min-height:250px}.ad-slot--sidebar{min-height:250px;margin:0}.ad-slot--sidebar-sticky{min-height:280px;margin:0}.sidebar-widget--ad{padding:1rem}.sidebar-widget--ad .sidebar-widget__title{margin-bottom:.9rem}.sidebar-widget--ad-sticky{top:92px;margin-bottom:1.5rem}.sidebar-share-widget{margin-top:1.5rem;clear:both}body.dark-mode .ad-slot{background:linear-gradient(#111722,#111722) padding-box,linear-gradient(135deg,rgba(72,240,121,.24),rgba(200,255,0,.22)) border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 34px rgba(0,0,0,.2)}body.dark-mode .ad-slot::before{color:#a9b5c9;background:#151d2a;border-color:rgba(200,255,0,.12)}body.dark-mode .ad-slot:not(.is-configured)::after{color:#74839a}@supports (content-visibility:auto){.ad-slot,.community-section,.post-card,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 320px}.site-footer{contain-intrinsic-size:auto 460px}.ad-slot--leaderboard{contain-intrinsic-size:auto 120px}.ad-slot--archive-bottom,.ad-slot--homepage-bottom{contain-intrinsic-size:auto 140px}.ad-slot--rectangle,.ad-slot--sidebar,.ad-slot--sidebar-sticky{contain-intrinsic-size:auto 280px}}@media (max-width:768px){.ad-slot{margin:var(--space-lg) 0;border-radius:12px}.ad-slot--leaderboard{min-height:100px}.ad-slot--rectangle,.ad-slot--sidebar,.ad-slot--sidebar-sticky{min-height:220px}.sidebar-share-widget,.sidebar-widget--ad-sticky{margin-top:0;margin-bottom:0}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary),var(--color-secondary));z-index:9999;width:0%;border-radius:0 3px 3px 0;box-shadow:0 0 8px rgba(0,220,0,.5);pointer-events:none}@keyframes gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes shimmer-slide{0%{transform:translateX(-70%) skewX(-15deg)}100%{transform:translateX(380%) skewX(-15deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes skeleton-shimmer{from{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-light) 25%,var(--border-color) 50%,var(--bg-light) 75%);background-size:800px 100%;animation:1.5s ease-in-out infinite skeleton-shimmer;border-radius:var(--border-radius-md)}.toast{position:fixed;bottom:90px;right:var(--space-xl);background:var(--text-dark);color:#fff;padding:12px 20px;border-radius:var(--border-radius-lg);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-sm);opacity:0;transform:translateY(16px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none;border-left:3px solid var(--color-primary)}.toast.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast--success{border-left-color:#22c55e}.toast--error{border-left-color:#ef4444}.toast--info{border-left-color:var(--color-primary)}.post-hero{position:relative;width:100%;min-height:420px;display:flex;align-items:center;overflow:hidden;background:#001005;isolation:isolate}.blog-layout--post .post-hero--inline{grid-column:1/-1;width:100vw;height:auto;min-height:clamp(500px,62vh,640px);margin-left:calc(50% - 50vw);margin-bottom:0;transform:none}.blog-layout--post .post-hero--inline .post-hero__content{padding:clamp(2rem,4.5vh,3rem) 1rem}.blog-layout--post .post-hero--inline .post-hero__title{max-width:min(1080px,calc(100vw - 3rem));font-size:clamp(1.85rem,3.55vw,3.1rem);line-height:1.08;margin-bottom:1rem}.blog-layout--post .post-hero--inline .post-hero__meta{margin-top:0;padding-bottom:.25rem}.post-hero__bg-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 35%;object-position:center 35%;z-index:0;display:block;pointer-events:none;opacity:1;transform-origin:center 35%;animation:24s ease-in-out infinite alternate hero-zoom;will-change:transform,opacity;filter:saturate(.9) brightness(.92)}@keyframes hero-zoom{from{transform:scale(1.035)}to{transform:scale(1.09)}}.post-hero__dark{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,8,20,.55) 0,rgba(0,10,18,.72) 40%,rgba(0,6,12,.9) 100%),linear-gradient(90deg,rgba(0,6,14,.55) 0,transparent 45%,transparent 55%,rgba(0,6,14,.4) 100%)}.post-hero__vignette{position:absolute;bottom:0;left:0;right:0;height:200px;z-index:2;background:linear-gradient(to top,rgba(0,8,2,.85) 0,transparent 100%);pointer-events:none}.post-hero::before{content:'';position:absolute;top:-30%;bottom:-30%;left:-45%;width:42%;z-index:3;background:linear-gradient(115deg,transparent 0,rgba(255,255,255,.035) 42%,rgba(128,255,176,.075) 50%,rgba(255,255,255,.025) 58%,transparent 100%);filter:blur(.5px);opacity:0;transform:translateX(0) skewX(-10deg);animation:5.8s ease-out .4s both hero-light-sweep;pointer-events:none}@keyframes hero-light-sweep{0%{opacity:0;transform:translateX(0) skewX(-10deg)}18%,58%{opacity:1}100%{opacity:0;transform:translateX(360%) skewX(-10deg)}}.post-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;z-index:6;background:linear-gradient(90deg,transparent 0,#007a00 10%,#0c0 35%,#6f0 50%,#0c0 65%,#007a00 90%,transparent 100%);box-shadow:0 0 18px rgba(0,204,0,.65),0 0 40px rgba(0,180,0,.3)}.post-hero__overlay{position:relative;width:100%;z-index:5}.post-hero__content{text-align:center;padding:4.5rem 1rem 4rem;opacity:0;transform:translateY(16px);animation:.82s ease-out .18s both hero-content-rise}@keyframes hero-content-rise{to{opacity:1;transform:translateY(0)}}.post-hero__breadcrumb,.post-hero__date,.post-hero__meta,.post-hero__title{opacity:0;transform:translateY(10px);animation:.72s ease-out both hero-item-rise}.post-hero__breadcrumb{animation-delay:.18s}.post-hero__date{animation-delay:.26s;display:flex;align-items:center;justify-content:center;gap:.65rem;position:relative;isolation:isolate;color:rgba(255,255,255,.94);width:-moz-fit-content;width:fit-content;max-width:min(100%,calc(100vw - 2rem));margin:0 auto 1.2rem;padding:.46rem 1.2rem;border-radius:999px;background:linear-gradient(180deg,rgba(20,26,36,.78),rgba(12,17,26,.58)) padding-box,linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.06)) border-box;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.04)}.post-hero__title{animation-delay:.34s}@keyframes hero-item-rise{to{opacity:1;transform:translateY(0)}}.post-hero__date::after,.post-hero__date::before{content:'';position:absolute;top:50%;width:clamp(3rem,11vw,8rem);height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(120,210,255,.18));transform:translateY(-50%);pointer-events:none;z-index:-1}.post-hero__date::before{right:calc(100% + .8rem)}.post-hero__date::after{left:calc(100% + .8rem);transform:translateY(-50%) scaleX(-1)}.post-hero__date-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:rgba(120,210,255,.98);box-shadow:0 0 10px rgba(120,210,255,.92),0 0 22px rgba(120,210,255,.4)}.post-hero__date-text{color:inherit;font-size:.8rem;font-family:var(--font-heading);font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.2;white-space:nowrap}.post-hero__meta{animation-delay:.46s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;min-height:1px}.post-hero__meta-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .9rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1}.post-hero__meta-badge i{font-size:.65rem}.post-hero__meta-badge--category{background:rgba(0,200,60,.22);color:#80ffb0;border:1px solid rgba(0,255,80,.3);box-shadow:0 0 14px rgba(0,255,80,.15),inset 0 0 8px rgba(0,255,80,.05)}.post-hero__meta-badge--time{background:rgba(255,255,255,.1);color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.14)}.post-hero__title{color:#fff;font-size:clamp(1.6rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin:0 auto 1.5rem;max-width:860px;text-shadow:0 2px 24px rgba(0,0,0,.75),0 0 80px rgba(0,0,0,.4)}.post-hero__breadcrumb{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;max-width:min(100%,calc(100vw - 2rem));gap:.5rem;color:rgba(255,255,255,.58);font-size:.84rem;font-family:var(--font-heading);font-weight:500;background:rgba(0,0,0,.3);padding:.4rem 1.1rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);margin:0 auto .85rem}.post-hero__breadcrumb a{color:rgba(255,255,255,.65);transition:color .2s}.post-hero__breadcrumb a:hover{color:#80ffb0}.post-hero__breadcrumb .fa-chevron-right{font-size:.5rem;color:rgba(255,255,255,.28)}@media (prefers-reduced-motion:reduce){.post-hero::before,.post-hero__bg-img,.post-hero__breadcrumb,.post-hero__content,.post-hero__date,.post-hero__meta,.post-hero__title{animation:none}.post-hero__breadcrumb,.post-hero__content,.post-hero__date,.post-hero__meta,.post-hero__title{opacity:1;transform:none}.post-hero::before{display:none}}.sidebar-toc-widget{display:none}.sidebar-toc-nav .toc-list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.sidebar-toc-nav .toc-item{position:relative;padding:.35rem 0 .35rem 1rem;border-left:2px solid var(--border-color);transition:border-color .2s}.sidebar-toc-nav .toc-item--h3{padding-left:1.75rem;font-size:var(--font-size-xs)}.sidebar-toc-nav .toc-link{color:var(--text-medium);font-size:var(--font-size-sm);font-family:var(--font-heading);line-height:1.4;display:block;transition:color .2s}.sidebar-toc-nav .toc-link:hover{color:var(--color-primary)}.sidebar-toc-nav .toc-item:has(.toc-link.is-active){border-left-color:var(--color-primary)}.sidebar-toc-nav .toc-link.is-active{color:var(--color-primary);font-weight:600}.popular-posts-list{display:flex;flex-direction:column;gap:.875rem}.popular-post-item{display:flex;gap:.875rem;align-items:flex-start;padding-bottom:.875rem;border-bottom:1px solid var(--border-color)}.popular-post-item:last-child{border-bottom:none;padding-bottom:0}.popular-post-item__thumb{flex-shrink:0;display:block;width:64px;height:64px;border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-light)}.popular-post-item__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.popular-post-item:hover .popular-post-item__thumb img{transform:scale(1.08)}.popular-post-item__body{flex:1;min-width:0}.popular-post-item__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-dark);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-heading);line-height:1.4;transition:color .2s}.popular-post-item__title:hover{color:var(--color-primary)}.popular-post-item__date{display:block;margin-top:.3rem;font-size:var(--font-size-xs);color:var(--text-light);font-family:var(--font-heading)}.popular-post-item__date i{margin-right:3px;color:var(--color-primary)}.sidebar-share-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.sidebar-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .5rem;border-radius:var(--border-radius-md);font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-dark);text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s}.sidebar-share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sidebar-share-btn--x:hover{background:#000;color:#fff;border-color:#000}.sidebar-share-btn--fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.sidebar-share-btn--wa:hover{background:#25d366;color:#fff;border-color:#25d366}.sidebar-share-btn--copy:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sidebar-community-links{display:flex;flex-direction:column;gap:.75rem}.sidebar-community-link{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.85rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-light);text-decoration:none;color:var(--text-dark);transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.sidebar-community-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sidebar-community-link--wa:hover{border-color:#25d366;background:rgba(37,211,102,.06)}.sidebar-community-link--tg:hover{border-color:#08c;background:rgba(0,136,204,.06)}.sidebar-community-link__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sidebar-community-link__icon--wa{background:rgba(37,211,102,.15);color:#1da851}.sidebar-community-link__icon--tg{background:rgba(0,136,204,.15);color:#08c}.sidebar-community-link__text{flex:1;min-width:0}.sidebar-community-link__platform{display:block;font-size:.68rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.1rem}.sidebar-community-link__text strong{display:block;font-size:var(--font-size-sm);font-family:var(--font-heading);font-weight:700}.sidebar-community-link__desc{display:block;font-size:var(--font-size-xs);color:var(--text-light);line-height:1.45;margin-top:.25rem}.sidebar-community-link__cta{align-self:center;display:inline-flex;align-items:center;gap:.25rem;color:var(--text-light);font-size:.7rem;font-weight:700;flex-shrink:0;transition:color .2s,transform .2s}.sidebar-community-link:hover .sidebar-community-link__cta{transform:translateX(3px);color:var(--color-primary)}body.dark-mode .post-hero__dark{background:linear-gradient(160deg,rgba(0,5,0,.9) 0,rgba(0,20,6,.86) 40%,rgba(0,10,3,.93) 100%)}body.dark-mode .sidebar-toc-nav .toc-link{color:#8899b8}body.dark-mode .sidebar-toc-nav .toc-link.is-active,body.dark-mode .sidebar-toc-nav .toc-link:hover{color:#c8ff00}body.dark-mode .sidebar-toc-nav .toc-item:has(.toc-link.is-active){border-left-color:#c8ff00}body.dark-mode .popular-post-item{border-bottom-color:rgba(200,255,0,.1)}body.dark-mode .popular-post-item__title{color:#c8d5e8}body.dark-mode .popular-post-item__title:hover{color:#c8ff00}body.dark-mode .popular-post-item__date{color:#5f6880}body.dark-mode .popular-post-item__date i{color:#c8ff00}body.dark-mode .sidebar-share-btn{background:#1a2030;border-color:rgba(200,255,0,.12);color:#c8d5e8}body.dark-mode .sidebar-share-btn--copy:hover{background:rgba(200,255,0,.15);color:#c8ff00;border-color:rgba(200,255,0,.35)}body.dark-mode .sidebar-community-link{background:#1a2030;border-color:rgba(200,255,0,.1);color:#c8d5e8}body.dark-mode .sidebar-community-link--wa:hover{border-color:#1da851;background:rgba(29,168,81,.08)}body.dark-mode .sidebar-community-link--tg:hover{border-color:#08c;background:rgba(0,136,204,.08)}body.dark-mode .sidebar-community-link__platform{color:rgba(200,255,0,.76)}body.dark-mode .sidebar-community-link__cta,body.dark-mode .sidebar-community-link__desc{color:#7b859a}body.dark-mode .post-single{background:#0d1017!important}body.dark-mode .post-single__meta{color:#5f6880;border-color:#252d3f}body.dark-mode .post-content,body.dark-mode .post-content li,body.dark-mode .post-content p{color:#c8d5e8}body.dark-mode .post-content b,body.dark-mode .post-content h2,body.dark-mode .post-content h3,body.dark-mode .post-content h4,body.dark-mode .post-content h5,body.dark-mode .post-content h6,body.dark-mode .post-content strong{color:#e4e8f4}body.dark-mode .post-content a{color:#60cc60;text-decoration-color:rgba(96,204,96,.35)}body.dark-mode .post-content a:hover{color:#90ef90}body.dark-mode .post-content blockquote{background-color:rgba(0,160,0,.07)!important;background-image:linear-gradient(rgba(0,160,0,.07),rgba(0,160,0,.07)),var(--gradient-card)!important;color:#8899b8}body.dark-mode .post-content code{background:rgba(0,200,0,.1);color:#80ee80;border-color:rgba(0,180,0,.22)}body.dark-mode .post-single__image::after{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}body.dark-mode .post-tags{border-top-color:#252d3f}body.dark-mode .label-tag{background:rgba(0,160,0,.1);color:#60cc60;border-color:rgba(0,160,0,.22)}body.dark-mode .post-single a[style*=bg-light],body.dark-mode .posts-area a[style*='background:var(--bg-light)']{background:#141824!important;border-color:#252d3f!important;color:#c8d5e8!important}body.dark-mode .post-card__title{color:#e4e8f4}body.dark-mode .post-card__excerpt{color:#8899b8}@media (max-width:1024px){.blog-layout--post{grid-template-columns:1fr}.blog-layout--post .post-hero--inline{grid-column:1;width:calc(100% + (var(--space-lg) * 2));max-width:none;height:auto;min-height:clamp(420px,58vh,560px);margin-left:calc(var(--space-lg) * -1);margin-right:calc(var(--space-lg) * -1);transform:none}.blog-layout--post .post-hero--inline .post-hero__title{max-width:min(760px,calc(100vw - 2rem));font-size:clamp(1.55rem,5.2vw,2.4rem);line-height:1.12}.blog-layout--post .sidebar{grid-column:1;margin-top:0}.post-hero__title{font-size:clamp(1.4rem,4.5vw,2rem)}.blog-layout--homepage .posts-area{grid-column:1/-1}}@media (max-width:600px){.blog-layout--post,body,html{overflow-x:clip}.blog-layout--post .post-single .container--narrow>div[style*='display:flex;gap:1rem']>a{min-width:0!important;width:100%!important;flex:1 1 auto!important}.post-hero{min-height:300px}.blog-layout--post .post-hero--inline{width:calc(100% + (var(--space-lg) * 2));min-height:clamp(420px,64vh,560px)}.blog-layout--post .post-hero--inline .post-hero__title{max-width:calc(100vw - 1.5rem);font-size:clamp(1.35rem,6vw,1.85rem);line-height:1.14}.post-hero__content{padding:3rem 1rem 2.5rem}.post-hero__date{gap:.52rem;max-width:calc(100vw - 1.5rem);padding:.42rem .95rem}.post-hero__date::after,.post-hero__date::before{width:clamp(1.8rem,14vw,3.6rem)}.post-hero__date-text{font-size:.66rem;letter-spacing:.01em;white-space:normal}.sidebar-share-btns{grid-template-columns:repeat(4,1fr)}}.section-intro{width:100%;text-align:center;padding:3rem 1rem 2.25rem}.section-intro__label{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);background:rgba(0,160,0,.08);border:1px solid rgba(0,160,0,.22);padding:.3rem 1rem;border-radius:50px;margin-bottom:1rem}.section-intro__title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:var(--text-dark);letter-spacing:-.025em;line-height:1.2;text-align:center;margin:0 auto .75rem;max-width:600px}.section-intro__subtitle{font-size:1rem;color:var(--text-light);text-align:center;max-width:520px;margin:0 auto;line-height:1.65}body.dark-mode .section-intro__label{color:var(--color-primary-light);background:rgba(0,200,0,.1);border-color:rgba(0,200,0,.25)}body.dark-mode .section-intro__title{color:var(--text-dark)}body.dark-mode .section-intro__subtitle{color:var(--text-light)}.posts-grid>.widget .pagination{grid-column:1/-1}@media (max-width:1024px){.blog-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.site-nav{display:none}.site-header{clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 28px) 100%,0 100%)}.header-inner{height:64px}.site-logo{min-width:0}.site-logo__text{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburger{display:flex}.landing-content{padding:2.5rem var(--space-xl);border-radius:var(--border-radius-xl);max-width:calc(100% - 1.5rem);gap:var(--space-md)}.link-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.link-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.posts-grid,.sidebar{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:480px){.container{padding-inline:var(--space-md)}.blog-layout--post,.blog-layout--post .post-single,.blog-layout--post .post-single .container--narrow,body,html{overflow-x:clip}.blog-layout--post .post-hero--inline{width:calc(100% + (var(--space-md) * 2));margin-left:calc(var(--space-md) * -1);margin-right:calc(var(--space-md) * -1)}.blog-layout--post .post-single .container--narrow>div[style*='display:flex;gap:1rem']{flex-direction:column!important;gap:var(--space-sm)!important}.blog-layout--post .post-single .container--narrow>div[style*='display:flex;gap:1rem']>a{width:100%!important;min-width:0!important;flex:1 1 auto!important}.site-footer .container{padding-inline:var(--space-md)}.footer-brand{display:flex}.social-links{gap:.45rem}.social-link{width:38px;height:38px}.profile-name{font-size:var(--font-size-2xl)}.profile-tagline{font-size:var(--font-size-sm)}.link-grid{grid-template-columns:1fr}.back-to-top{bottom:var(--space-lg);right:var(--space-lg)}.post-share{gap:var(--space-sm)}.stat-pill{min-width:76px}.landing-stats{gap:var(--space-sm)}}.skip-link{position:fixed;top:-100%;left:var(--space-lg);z-index:9999;padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff!important;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;transition:top var(--transition-base)}.skip-link:focus{top:0}.cursor-glow{pointer-events:none;position:fixed;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,80,.12) 0,rgba(0,200,80,.05) 40%,transparent 70%);transform:translate(-50%,-50%);z-index:0;will-change:transform;transition:opacity var(--transition-base);opacity:0}body:not(.landing-page-body) .cursor-glow{display:none}.cmd-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.cmd-overlay.is-open{opacity:1;pointer-events:auto}.cmd-palette{width:100%;max-width:580px;background:var(--bg-card);border-radius:var(--border-radius-xl);box-shadow:0 32px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;transform:translateY(-16px) scale(.97);transition:transform var(--transition-base),opacity var(--transition-base)}.cmd-overlay.is-open .cmd-palette{transform:translateY(0) scale(1)}.cmd-palette__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.cmd-palette__header i{color:var(--text-light);font-size:var(--font-size-lg)}.cmd-palette__input{flex:1;border:none;background:0 0;font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--text-dark);outline:0}.cmd-palette__input::-moz-placeholder{color:var(--text-light)}.cmd-palette__input::placeholder{color:var(--text-light)}.cmd-palette__kbd{padding:3px 8px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-light)}.cmd-palette__results{max-height:380px;overflow-y:auto;padding:var(--space-sm)}.cmd-palette__group-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-light);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs)}.cmd-palette__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);color:var(--text-dark);text-decoration:none}.cmd-palette__item.is-active,.cmd-palette__item:hover{background:rgba(0,160,0,.08);color:var(--color-primary)}.cmd-palette__item i{width:20px;text-align:center;color:var(--text-light);font-size:var(--font-size-base);flex-shrink:0}.cmd-palette__item.is-active i,.cmd-palette__item:hover i{color:var(--color-primary)}.cmd-palette__item-text{flex:1;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:500}.cmd-palette__item-hint{font-size:var(--font-size-xs);color:var(--text-light);font-family:var(--font-heading)}.cmd-palette__footer{border-top:1px solid var(--border-color);padding:var(--space-sm) var(--space-lg);display:flex;gap:var(--space-lg);align-items:center}.cmd-palette__footer-hint{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-light);font-family:var(--font-heading)}body.dark-mode .cmd-palette{box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}.post-toc{background:var(--bg-light);border-left:3px solid var(--color-primary);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0 var(--space-2xl);position:relative;overflow:hidden}.post-toc::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-card);border-radius:3px}.post-toc__title{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.post-toc__title i{color:var(--color-primary)}.post-toc__list{list-style:none;display:flex;flex-direction:column;gap:4px}.post-toc__item{border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.post-toc__item--h3{padding-left:var(--space-lg)}.post-toc__link{display:block;font-size:var(--font-size-sm);font-family:var(--font-heading);font-weight:500;color:var(--text-medium)!important;padding:4px var(--space-sm);border-radius:var(--border-radius-sm);text-decoration:none!important;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),padding-left var(--transition-fast);border-left:2px solid transparent}.post-toc__link:hover{color:var(--color-primary)!important;background:rgba(0,160,0,.06);border-left-color:var(--color-primary);padding-left:var(--space-md)}.post-toc__link.is-active{color:var(--color-primary)!important;font-weight:600;border-left-color:var(--color-primary);background:rgba(0,160,0,.06)}.post-content pre{position:relative}.code-copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:5px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--border-radius-sm);color:rgba(255,255,255,.65);font-size:11px;font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;gap:5px;z-index:2;letter-spacing:.03em}.code-copy-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff}.code-copy-btn.copied{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);color:#4ade80}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);opacity:0;pointer-events:none;transition:opacity var(--transition-base);cursor:zoom-out}.lightbox-overlay.is-open{opacity:1;pointer-events:auto}.lightbox-img{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--border-radius-lg);box-shadow:0 32px 80px rgba(0,0,0,.6);transform:scale(.92);transition:transform var(--transition-slow);cursor:default}.lightbox-overlay.is-open .lightbox-img{transform:scale(1)}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;border-radius:var(--border-radius-full);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.lightbox-close:hover{background:rgba(255,255,255,.25);transform:rotate(90deg)}.post-content img{cursor:zoom-in;transition:transform var(--transition-base),box-shadow var(--transition-base),filter var(--transition-base)}.post-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.landing-clock{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-lg);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);border-radius:var(--border-radius-full);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;color:rgba(255,255,255,.9);letter-spacing:.04em}.landing-clock i{color:var(--color-secondary);font-size:12px}.landing-clock__tz{font-size:var(--font-size-xs);color:rgba(255,255,255,.55);font-family:var(--font-heading);font-weight:500;letter-spacing:.03em}body.keyboard-nav :focus{outline:2px solid var(--color-secondary);outline-offset:3px;border-radius:var(--border-radius-sm)}body.keyboard-nav .post-toc__link:focus{outline:0}@media print{.ad-slot,.back-to-top,.pagination,.post-share,.reading-progress-bar,.scroll-progress,.sidebar,.site-footer,.site-header{display:none!important}body{font-size:12pt;color:#000;background:#fff}.post-content{max-width:100%}a::after{content:" (" attr(href) ")";font-size:10pt;color:#666}}
/*# sourceMappingURL=style.min.css.map */