:root{--hz-brand: #495355;--hz-brand-50: #f4f6f7;--hz-brand-100: #e2e8ea;--hz-brand-200: #c4d0d4;--hz-brand-300: #96adb3;--hz-brand-400: #668590;--hz-brand-500: #495355;--hz-brand-600: #3d474a;--hz-brand-700: #2f3739;--hz-brand-800: #1e2325;--hz-brand-900: #111618;--hz-accent: #10b981;--hz-accent-hover: #059669;--hz-accent-light: #d1fae5;--hz-dark: #0d1117;--hz-dark-alt: #161b22;--hz-dark-card: #1c2026;--hz-dark-border: #30363d;--hz-dark-muted: #6e7681}.btn-brand{background-color:var(--hz-brand);color:#fff;border:2px solid var(--hz-brand);transition:all .2s ease}.btn-brand:hover{background-color:var(--hz-brand-600);border-color:var(--hz-brand-600);box-shadow:0 4px 18px #49535566}.btn-accent{background-color:var(--hz-accent);color:#fff;border:2px solid var(--hz-accent);transition:all .2s ease}.btn-accent:hover{background-color:var(--hz-accent-hover);border-color:var(--hz-accent-hover);box-shadow:0 0 24px #10b98173,0 4px 15px #10b9814d}.btn-outline-brand{background-color:transparent;color:var(--hz-brand);border:2px solid var(--hz-brand);transition:all .2s ease}.btn-outline-brand:hover{background-color:var(--hz-brand);color:#fff}.btn-outline-accent{background-color:transparent;color:var(--hz-accent);border:2px solid var(--hz-accent);transition:all .2s ease}.btn-outline-accent:hover{background-color:var(--hz-accent);color:#fff}.btn-glass{background-color:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.btn-glass:hover{background-color:#fff3;border-color:#ffffff59}.text-brand{color:var(--hz-brand)}.text-accent{color:var(--hz-accent)}.bg-brand{background-color:var(--hz-brand)}.bg-accent{background-color:var(--hz-accent)}.border-brand{border-color:var(--hz-brand)}.border-accent{border-color:var(--hz-accent)}.hz-section-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background-color:var(--hz-accent-light);color:var(--hz-accent-hover);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:9999px}.hz-section-tag-dark{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background-color:#10b98126;color:var(--hz-accent);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:9999px}.hz-gradient-text{background:linear-gradient(135deg,#f0f6fc,#fff 35%,#6ee7b7 75%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hz-accent-gradient-text{background:linear-gradient(135deg,var(--hz-accent) 0%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hz-hero{background:var(--hz-dark);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hz-hero-grid{background-image:linear-gradient(rgba(16,185,129,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.07) 1px,transparent 1px);background-size:56px 56px}.hz-hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);pointer-events:none}.hz-hero-glow-1{top:-200px;right:-150px;background:radial-gradient(circle,rgba(139,92,246,.22) 0%,rgba(73,83,85,.15) 40%,transparent 70%)}.hz-hero-glow-2{bottom:-200px;left:-150px;background:radial-gradient(circle,rgba(16,185,129,.28) 0%,rgba(16,185,129,.1) 45%,transparent 70%)}.hz-terminal{background:#0d1117;border:1px solid var(--hz-dark-border);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px #0009,0 0 0 1px #10b9811f,0 0 60px #10b98112}.hz-terminal-header{background:#161b22;border-bottom:1px solid var(--hz-dark-border);padding:10px 16px;display:flex;align-items:center;gap:6px}.hz-terminal-dot{width:12px;height:12px;border-radius:50%}.hz-terminal-body{padding:20px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.8;color:#c9d1d9}.hz-section-light{background:#fff}.dark .hz-section-light{background:var(--hz-dark-alt)}.hz-section-alt{background:var(--hz-brand-50)}.dark .hz-section-alt{background:var(--hz-dark)}.hz-section-dark{background:var(--hz-brand-800)}.hz-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;overflow:hidden}.dark .hz-card{background:var(--hz-dark-card);border-color:var(--hz-dark-border)}.hz-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px #0000001f;border-color:#10b98159}.dark .hz-card:hover{box-shadow:0 24px 48px #00000080;border-color:#10b9814d}.hz-card-accent{border-top:3px solid var(--hz-accent)}.hz-step-number{width:48px;height:48px;min-width:48px;border-radius:12px;background:linear-gradient(135deg,var(--hz-brand) 0%,var(--hz-brand-600) 100%);color:#fff;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;box-shadow:0 4px 14px #49535559}.hz-step-line{width:2px;background:linear-gradient(to bottom,var(--hz-brand-200),transparent);flex:1;margin:4px auto}#page-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;transition:opacity .4s ease,visibility .4s ease}#page-loader.dark-loader{background:var(--hz-dark)}#page-loader.loader-hidden{opacity:0;visibility:hidden;pointer-events:none}#page-loader .loader-favicon{width:56px;height:56px;border-radius:12px;object-fit:contain;animation:hz-loader-spin 1.4s cubic-bezier(.68,-.55,.27,1.55) infinite;margin-bottom:16px}#page-loader .loader-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--hz-brand) 0%,var(--hz-brand-600) 100%);display:flex;align-items:center;justify-content:center;animation:hz-loader-spin 1.4s cubic-bezier(.68,-.55,.27,1.55) infinite;margin-bottom:16px}#page-loader .loader-icon svg{width:32px;height:32px;color:#fff}#page-loader .loader-site-name{font-size:1rem;font-weight:600;color:var(--hz-brand);margin-bottom:20px;letter-spacing:.02em}#page-loader.dark-loader .loader-site-name{color:#c9d1d9}#page-loader .loader-bar-wrap{width:200px;height:3px;background:#e5e7eb;border-radius:9999px;overflow:hidden}#page-loader.dark-loader .loader-bar-wrap{background:var(--hz-dark-border)}#page-loader .loader-bar-fill{height:100%;background:linear-gradient(90deg,var(--hz-brand) 0%,var(--hz-accent) 100%);border-radius:9999px;width:0%;transition:width .2s ease}#page-loader-bar{position:fixed;top:0;left:0;right:0;z-index:9999;height:3px;background:transparent}#page-loader-bar .loader-bar-fill{height:100%;background:linear-gradient(90deg,var(--hz-brand) 0%,var(--hz-accent) 100%);width:0%;transition:width .2s ease}#page-loader-spinner{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease}#page-loader-spinner.dark-spinner{background:#0d1117d9}#page-loader-spinner.loader-hidden{opacity:0;visibility:hidden}#page-loader-spinner .spinner-ring{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:var(--hz-accent);border-radius:50%;animation:hz-spin .8s linear infinite}@keyframes hz-loader-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes hz-spin{to{transform:rotate(360deg)}}@keyframes hz-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hz-fade-in-left{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes hz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes hz-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hz-animate-in{animation:hz-fade-in .6s ease forwards}.hz-animate-in-left{animation:hz-fade-in-left .6s ease forwards}.hz-float{animation:hz-float 4s ease-in-out infinite}.hz-pulse-dot{animation:hz-pulse-dot 2s ease-in-out infinite}.hz-dropdown-menu{opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease}.hz-nav-item:hover .hz-dropdown-menu,.hz-dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}.hz-lang-dropdown{opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease}.hz-lang-switcher:hover .hz-lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}#hz-mobile-menu{display:none;position:fixed;inset:0;z-index:40;background:#fff;overflow-y:auto;padding:80px 24px 24px}.dark #hz-mobile-menu{background:var(--hz-dark)}#hz-mobile-menu.active{display:block}.hz-prose{color:#374151;line-height:1.8;font-size:1.0625rem}.dark .hz-prose{color:#d1d5db}.hz-prose h1,.hz-prose h2,.hz-prose h3,.hz-prose h4,.hz-prose h5,.hz-prose h6{color:var(--hz-brand-800);font-weight:700;line-height:1.3;margin-top:1.75rem;margin-bottom:.75rem}.dark .hz-prose h1,.dark .hz-prose h2,.dark .hz-prose h3,.dark .hz-prose h4,.dark .hz-prose h5,.dark .hz-prose h6{color:#f0f6fc}.hz-prose h2{font-size:1.625rem}.hz-prose h3{font-size:1.25rem}.hz-prose p{margin-bottom:1.25rem}.hz-prose a{color:var(--hz-accent);text-decoration:underline;text-underline-offset:3px}.hz-prose a:hover{color:var(--hz-accent-hover)}.hz-prose ul,.hz-prose ol{padding-left:1.5rem;margin-bottom:1.25rem}.hz-prose li{margin-bottom:.375rem}.hz-prose blockquote{border-left:4px solid var(--hz-accent);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--hz-accent-light);border-radius:0 8px 8px 0;font-style:italic;color:#374151}.dark .hz-prose blockquote{background:#10b98114;color:#c9d1d9}.hz-prose code{background:#f1f5f9;padding:.15em .4em;border-radius:4px;font-size:.9em;color:var(--hz-brand);font-family:Fira Code,Cascadia Code,monospace}.dark .hz-prose code{background:var(--hz-dark-border);color:#c9d1d9}.hz-prose pre{background:var(--hz-dark);border:1px solid var(--hz-dark-border);border-radius:8px;padding:1.25rem;overflow-x:auto}.hz-prose img{border-radius:8px;margin:1.5rem 0}.hz-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0}.hz-prose th{background:var(--hz-brand-50);color:var(--hz-brand);font-weight:600;padding:.75rem 1rem;border:1px solid #e5e7eb;text-align:left}.dark .hz-prose th{background:var(--hz-dark-card);border-color:var(--hz-dark-border);color:#c9d1d9}.hz-prose td{padding:.75rem 1rem;border:1px solid #e5e7eb}.dark .hz-prose td{border-color:var(--hz-dark-border);color:#c9d1d9}#hz-lightbox{display:none;position:fixed;inset:0;z-index:9000;background:#000000eb;align-items:center;justify-content:center}#hz-lightbox.active{display:flex}#hz-lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;object-fit:contain}.hz-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.hz-accordion-content.open{max-height:500px}.hz-accordion-icon{transition:transform .3s ease}.hz-accordion-btn.open .hz-accordion-icon{transform:rotate(45deg)}.hz-slider{position:relative;overflow:hidden}.hz-slide{display:none;position:absolute;inset:0;transition:opacity .5s ease}.hz-slide.active{display:block;position:absolute}.font-size-controls{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:6px}.font-size-btn{width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:14px;color:var(--hz-brand);box-shadow:0 2px 8px #0000001a;transition:all .2s}.dark .font-size-btn{background:var(--hz-dark-card);border-color:var(--hz-dark-border);color:#c9d1d9}.font-size-btn:hover{background:var(--hz-brand);color:#fff;border-color:var(--hz-brand)}.page-refresh-indicator{position:fixed;bottom:24px;left:24px;z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 14px;font-size:13px;color:var(--hz-brand);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:8px}.dark .page-refresh-indicator{background:var(--hz-dark-card);border-color:var(--hz-dark-border);color:#c9d1d9}.hz-skill-bar{height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.dark .hz-skill-bar{background:var(--hz-dark-border)}.hz-skill-fill{height:100%;background:linear-gradient(90deg,var(--hz-brand) 0%,var(--hz-accent) 100%);border-radius:9999px;transition:width 1s ease}.hz-tag-pill{border-color:var(--hz-brand);color:var(--hz-brand);transition:background .15s,color .15s,border-color .15s}.hz-tag-pill:hover{background:var(--hz-brand);color:#fff;border-color:transparent}.dark .hz-tag-pill{border-color:var(--hz-accent);color:var(--hz-accent)}.dark .hz-tag-pill:hover{background:var(--hz-accent);color:#fff;border-color:transparent}.hz-category-badge{background:var(--hz-brand);color:#fff}.dark .hz-category-badge{background:var(--hz-accent);color:#fff}.hz-section-medium{background:var(--hz-brand-50)}.dark .hz-section-medium{background:var(--hz-dark-alt)}.hz-feature-icon{width:48px;height:48px;min-width:48px;border-radius:14px;background:linear-gradient(135deg,#4953551f,#10b9811a);border:1px solid rgba(16,185,129,.15);display:flex;align-items:center;justify-content:center;transition:all .25s ease}.dark .hz-feature-icon{background:linear-gradient(135deg,#49535540,#10b9811f);border-color:#10b98133}.group:hover .hz-feature-icon{background:linear-gradient(135deg,var(--hz-brand) 0%,rgba(16,185,129,.8) 100%);border-color:transparent;box-shadow:0 4px 16px #10b98159;transform:scale(1.08)}.group:hover .hz-feature-icon svg{color:#fff!important}.hz-cta-band{position:relative;background:linear-gradient(135deg,var(--hz-brand-800) 0%,var(--hz-brand-700) 40%,#14251f 100%);overflow:hidden}.hz-cta-band:before{content:"";position:absolute;top:-180px;right:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.18) 0%,transparent 65%);pointer-events:none}.hz-cta-band:after{content:"";position:absolute;bottom:-180px;left:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 65%);pointer-events:none}.hz-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hz-stat-number{font-size:1.875rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em}.hz-stat-label{font-size:.75rem;color:#ffffff80;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.hz-stat-accent{color:var(--hz-accent)}.hz-stats-divider{width:1px;height:32px;background:#ffffff26;align-self:center}.hz-read-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--hz-accent);transition:gap .2s ease,opacity .2s ease}.hz-read-link:hover{gap:.625rem;opacity:.85}.hz-section-heading{position:relative;display:inline-block}.hz-section-heading:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--hz-accent) 0%,transparent 100%);border-radius:9999px}