:root,[data-theme=light]{--text-primary:#0a0e1a;--text-secondary:#1e293b;--text-muted:#475569;--text-tertiary:#64748b;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-tertiary:#7c899c;--text-accent:#4857ed;--text-accent-bright:#6366f1;--text-accent-hero:#3730a3;--text-success:#047857;--text-warning:#b45309;--text-error:#b91c1c;--text-on-accent:#fff;--btn-primary-bg:#1a1a1a;--btn-primary-text:#fffc;--btn-primary-border:transparent;--btn-secondary-bg:#fffc;--btn-secondary-text:#1a1a1acc;--btn-secondary-border:#e0e0e0;--btn-ghost-bg:transparent;--btn-ghost-text:#666c;--btn-ghost-border:transparent;--btn-glass-bg:#ffffff1a;--btn-glass-text:#333c;--btn-glass-border:#fff3;--btn-primary-bg-hover:#1a1a1a;--btn-primary-text-hover:#fff;--btn-primary-border-hover:#ffffff4d;--btn-primary-shadow-hover:0 4px 12px #0000001f, 0 2px 6px #00000014;--btn-secondary-bg-hover:#ffffffe6;--btn-secondary-text-hover:#1a1a1a;--btn-secondary-border-hover:#1a1a1a4d;--btn-secondary-shadow-hover:0 4px 12px #00000040, 0 2px 6px #00000026;--btn-ghost-bg-hover:#6666661a;--btn-ghost-text-hover:#666;--btn-glass-bg-hover:#fff3;--btn-glass-text-hover:#333;--btn-glass-shadow-hover:0 4px 12px #00000026, inset 0 1px 0 #ffffff4d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}[data-theme=dark]{--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--text-tertiary:#94a3b8;--bg-primary:#0a0a0f;--bg-secondary:#1a1a23;--bg-tertiary:#2a2a37;--bg-elevated:#1e1e2e;--border-primary:#334155;--border-secondary:#475569;--border-tertiary:#64748b;--text-accent:#a0aaff;--text-accent-bright:#a5b4fc;--text-accent-hero:#8da3fa;--text-success:#10b981;--text-warning:#f59e0b;--text-error:#ef4444;--text-on-accent:#fff;--btn-primary-bg:#fff6;--btn-primary-text:#1a1a1acc;--btn-primary-border:transparent;--btn-secondary-bg:#ffffff1a;--btn-secondary-text:#fffc;--btn-secondary-border:#fff3;--btn-ghost-bg:transparent;--btn-ghost-text:#c8c8c8cc;--btn-ghost-border:transparent;--btn-glass-bg:#1a1a1a1a;--btn-glass-text:#e0e0e0cc;--btn-glass-border:#ffffff26;--btn-primary-bg-hover:#ffffff80;--btn-primary-text-hover:#1a1a1a;--btn-primary-border-hover:#1a1a1a4d;--btn-primary-shadow-hover:0 4px 12px #00000040, 0 2px 6px #00000026;--btn-secondary-bg-hover:#ffffff26;--btn-secondary-text-hover:#fff;--btn-secondary-border-hover:#fff6;--btn-secondary-shadow-hover:0 4px 12px #00000040, 0 2px 6px #00000026;--btn-ghost-bg-hover:#c8c8c81a;--btn-ghost-text-hover:#c8c8c8;--btn-glass-bg-hover:#1a1a1a33;--btn-glass-text-hover:#e0e0e0;--btn-glass-shadow-hover:0 4px 12px #0000004d, inset 0 1px 0 #ffffff1a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #0009, 0 8px 10px -6px #0009}:root{--glass-bg-rgb:10, 10, 15;--glass-border-rgb:248, 250, 252;--accent-rgb:99, 102, 241;--success-rgb:16, 185, 129;--warning-rgb:245, 158, 11;--glass-bg-primary:rgba(var(--glass-bg-rgb), .8);--glass-bg-secondary:rgba(var(--glass-bg-rgb), .6);--glass-bg-tertiary:rgba(var(--glass-bg-rgb), .4);--glass-bg-subtle:rgba(var(--glass-bg-rgb), .2);--glass-border-primary:rgba(var(--glass-border-rgb), .2);--glass-border-secondary:rgba(var(--glass-border-rgb), .1);--glass-border-subtle:rgba(var(--glass-border-rgb), .05);--glass-blur-light:blur(10px);--glass-blur-medium:blur(20px);--glass-blur-heavy:blur(40px);--glass-saturate:saturate(180%);--glass-backdrop-light:var(--glass-blur-light) var(--glass-saturate);--glass-backdrop-medium:var(--glass-blur-medium) var(--glass-saturate);--glass-backdrop-heavy:var(--glass-blur-heavy) var(--glass-saturate);--glass-gradient-radial:radial-gradient(circle at 20% 80%, rgba(var(--accent-rgb), .08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(var(--accent-rgb), .06) 0%, transparent 50%);--glass-gradient-linear:linear-gradient(135deg, rgba(var(--glass-bg-rgb), .9) 0%, rgba(var(--glass-bg-rgb), .7) 100%);--glass-gradient-mesh:radial-gradient(ellipse at top left, rgba(var(--accent-rgb), .1) 0%, transparent 40%), radial-gradient(ellipse at bottom right, rgba(var(--success-rgb), .08) 0%, transparent 40%);--color-primary:#6366f1;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-accent:#10b981;--color-accent-50:#ecfdf5;--color-accent-100:#d1fae5;--color-accent-200:#a7f3d0;--color-accent-300:#6ee7b7;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-accent-700:#047857;--color-accent-800:#065f46;--color-accent-900:#064e3b;--color-secondary:#8b5cf6;--color-secondary-50:#f5f3ff;--color-secondary-100:#ede9fe;--color-secondary-200:#ddd6fe;--color-secondary-300:#c4b5fd;--color-secondary-400:#a78bfa;--color-secondary-500:#8b5cf6;--color-secondary-600:#7c3aed;--color-secondary-700:#6d28d9;--color-secondary-800:#5b21b6;--color-secondary-900:#4c1d95;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--bg-primary:#0a0a0f;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-elevated:#1e293b;--bg-card:#1e2337;--bg-subtle:#0f1419;--bg-glass:#1e293b66;--bg-glass-strong:#1e293bb3;--bg-glass-subtle:#1e293b33;--bg-glass-card:#1e233799;--bg-gradient-primary:linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);--bg-gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #1e293b 75%, #0f172a 100%);--bg-gradient-card:linear-gradient(135deg, #1e2337cc 0%, #1e293b99 100%);--bg-gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #10b981 100%);--bg-gradient-mesh:radial-gradient(ellipse at top, #6366f11a 0%, transparent 50%), radial-gradient(ellipse at bottom, #10b9811a 0%, transparent 50%);--text-primary:#fff;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#a0aaff;--text-accent-bright:#c7d2fe;--text-success:#34d399;--text-warning:#fbbf24;--text-error:#f87171;--text-on-accent:#fff;--text-on-dark:#fff;--border-primary:#94a3b81a;--border-secondary:#94a3b80d;--border-accent:#6366f14d;--border-glass:#f8fafc1a;--border-glow:#6366f180;--font-primary:"Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:"Inter Variable", var(--font-primary);--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--text-xs:clamp(.75rem, .72rem + .15vw, .8rem);--text-sm:clamp(.875rem, .83rem + .23vw, .95rem);--text-base:clamp(1rem, .93rem + .35vw, 1.125rem);--text-lg:clamp(1.125rem, 1.02rem + .52vw, 1.35rem);--text-xl:clamp(1.25rem, 1.11rem + .7vw, 1.6rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl:clamp(1.875rem, 1.58rem + 1.48vw, 2.625rem);--text-4xl:clamp(2.25rem, 1.83rem + 2.1vw, 3.5rem);--text-5xl:clamp(3rem, 2.37rem + 3.15vw, 4.75rem);--text-6xl:clamp(3.75rem, 2.84rem + 4.55vw, 6.25rem);--leading-none:.9;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-px:1px;--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--space-xs:clamp(.5rem, .4rem + .5vw, .75rem);--space-sm:clamp(.75rem, .6rem + .75vw, 1.125rem);--space-md:clamp(1rem, .8rem + 1vw, 1.5rem);--space-lg:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--space-xl:clamp(2rem, 1.6rem + 2vw, 3rem);--space-2xl:clamp(3rem, 2.4rem + 3vw, 4.5rem);--space-3xl:clamp(4rem, 3.2rem + 4vw, 6rem);--container-padding:clamp(1rem, 4vw, 2rem);--container-max-xs:20rem;--container-max-sm:24rem;--container-max-md:28rem;--container-max-lg:32rem;--container-max-xl:36rem;--container-max-2xl:42rem;--container-max-3xl:48rem;--container-max-4xl:56rem;--container-max-5xl:64rem;--container-max-6xl:72rem;--container-max-7xl:80rem;--section-padding-sm:var(--space-12);--section-padding-md:var(--space-16);--section-padding-lg:var(--space-24);--section-padding-xl:var(--space-32);--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--transition-fast:all var(--duration-fast) var(--ease-out);--transition-normal:all var(--duration-normal) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-out);--transition-bounce:all var(--duration-normal) var(--ease-bounce);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--button-height-xl:3.5rem;--input-height-sm:2rem;--input-height-md:2.5rem;--input-height-lg:3rem;--card-padding-sm:var(--space-4);--card-padding-md:var(--space-6);--card-padding-lg:var(--space-8);--focus-ring:0 0 0 3px #6366f11a;--focus-ring-accent:0 0 0 3px #10b9811a;--focus-ring-error:0 0 0 3px #ef44441a;--selection-bg:#6366f11a;--selection-text:var(--text-primary)}[data-theme=light]{--glass-bg-rgb:255, 255, 255;--glass-border-rgb:15, 23, 42;--accent-rgb:99, 102, 241;--success-rgb:16, 185, 129;--warning-rgb:245, 158, 11;--glass-bg-primary:rgba(var(--glass-bg-rgb), .9);--glass-bg-secondary:rgba(var(--glass-bg-rgb), .7);--glass-bg-tertiary:rgba(var(--glass-bg-rgb), .5);--glass-bg-subtle:rgba(var(--glass-bg-rgb), .3);--glass-border-primary:rgba(var(--glass-border-rgb), .15);--glass-border-secondary:rgba(var(--glass-border-rgb), .08);--glass-border-subtle:rgba(var(--glass-border-rgb), .04);--glass-gradient-radial:radial-gradient(circle at 20% 80%, rgba(var(--accent-rgb), .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(var(--accent-rgb), .04) 0%, transparent 50%);--glass-gradient-linear:linear-gradient(135deg, rgba(var(--glass-bg-rgb), .95) 0%, rgba(var(--glass-bg-rgb), .8) 100%);--glass-gradient-mesh:radial-gradient(ellipse at top left, rgba(var(--accent-rgb), .06) 0%, transparent 40%), radial-gradient(ellipse at bottom right, rgba(var(--success-rgb), .04) 0%, transparent 40%);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--bg-subtle:#fafafa;--bg-glass:#ffffffb3;--bg-glass-strong:#ffffffe6;--bg-glass-subtle:#ffffff80;--bg-glass-card:#f8fafccc;--bg-gradient-primary:linear-gradient(135deg, #fff 0%, #f8fafc 50%, #f1f5f9 100%);--bg-gradient-hero:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #cbd5e1 50%, #e2e8f0 75%, #f8fafc 100%);--bg-gradient-card:linear-gradient(135deg, #fffc 0%, #f8fafce6 100%);--text-primary:#0a0e1a;--text-secondary:#1e293b;--text-tertiary:#334155;--text-muted:#475569;--text-on-dark:#0a0e1a;--text-accent:#4857ed;--text-accent-bright:#6366f1;--text-accent-hero:#3730a3;--text-success:#047857;--text-warning:#b45309;--text-error:#b91c1c;--text-on-accent:#fff;--border-primary:#94a3b833;--border-secondary:#94a3b81a;--border-glass:#0f172a1a;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000f;--shadow-2xl:0 25px 50px -12px #0000001a;--shadow-glow:0 0 20px #6366f11a;--shadow-glow-lg:0 0 40px #6366f126;--shadow-glow-accent:0 0 20px #10b9811a;--shadow-glass:0 8px 32px #00000014;--shadow-glass-lg:0 16px 64px #0000001f;--shadow-card:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-card-hover:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000f, var(--shadow-glow)}[data-theme=midnight]{--bg-primary:#000;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-elevated:#1e293b;--bg-card:#1a202c;--bg-subtle:#000;--bg-glass:#1e293b4d;--bg-glass-strong:#1e293b99;--bg-glass-subtle:#1e293b1a;--bg-glass-card:#1a202c80;--bg-gradient-primary:linear-gradient(135deg, #000 0%, #0f172a 50%, #1e293b 100%);--bg-gradient-hero:linear-gradient(135deg, #000 0%, #1a202c 25%, #2d3748 50%, #1a202c 75%, #000 100%);--bg-gradient-card:linear-gradient(135deg, #1a202cb3 0%, #1e293b80 100%);--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#a0aaff;--text-accent-bright:#93c5fd;--text-on-dark:#f7fafc;--border-primary:#e2e8f026;--border-secondary:#e2e8f014;--border-accent:#60a5fa66;--border-glass:#f7fafc1f;--shadow-glow:0 0 30px #60a5fa40;--shadow-glow-lg:0 0 50px #60a5fa4d;--shadow-glow-accent:0 0 25px #10b98133;--shadow-glow-purple:0 0 35px #8b5cf640;--shadow-glass:0 8px 32px #0006;--shadow-glass-lg:0 16px 64px #00000080;--shadow-card:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-card-hover:0 20px 25px -5px #0006, 0 8px 10px -6px #0006, var(--shadow-glow)}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--bg-glass:#ffffffb3;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-muted:#64748b;--border-primary:#94a3b833;--border-secondary:#94a3b81a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000f}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--transition-fast:none;--transition-normal:none;--transition-slow:none}}@media (prefers-contrast:high){:root{--border-primary:#0000004d;--border-secondary:#0003;--text-muted:var(--text-secondary)}[data-theme=light]{--border-primary:#0000004d;--border-secondary:#0003}}
.image-caption{text-align:center;font-size:var(--text-sm);font-style:italic;font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-secondary)!important;opacity:1!important}.video-container{border-radius:var(--radius-lg);height:0;box-shadow:var(--shadow-md);margin-bottom:2rem;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-caption{text-align:center;font-size:var(--text-sm);font-style:italic;font-weight:var(--font-weight-normal);line-height:var(--leading-normal);margin-bottom:0;color:var(--text-secondary)!important;opacity:1!important;margin-top:1rem!important}.photo-contemporary-container{position:relative}.photo-contemporary-container:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:1;background:linear-gradient(135deg,#8b5cf626 0%,#10b9811f 50%,#8b5cf614 100%);position:absolute;inset:0}.photo-contemporary{filter:contrast(1.3)saturate(1.1)brightness(1.2)hue-rotate(-15deg);transition:filter .4s}.content-panel{background:0 0;border:1px solid #808080cc;box-shadow:0 20px 40px #00000003,0 8px 20px #0000000f,inset 0 1px #ffffff0d,inset 0 -1px #00000008}.protocol-button{font-family:var(--font-primary);letter-spacing:-.01em;background:0 0;border:none;border-radius:6px;outline:none;font-size:14px;font-weight:600;line-height:1.2;position:relative;overflow:hidden}.button-text{text-align:center;flex:1;font-weight:600}.button-icon{opacity:.8;flex-shrink:0;transition:opacity .15s}.protocol-button:hover .button-icon{opacity:1}.loading-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.protocol-button-primary{color:#fff;background:#000;transition:all .15s}.protocol-button-primary:hover{background:#1a1a1a}.protocol-button-primary:active{background:#000;transform:scale(.98)}@media (prefers-color-scheme:light){.protocol-button-primary{color:#fff;background:#000}.protocol-button-primary:hover{background:#1a1a1a}}.protocol-button-secondary{color:#666;background:#ffffff0d;border:1px solid #ffffff1a;transition:all .15s}.protocol-button-secondary:hover{color:#333;background:#ffffff14;border-color:#ffffff26}.protocol-button-secondary:active{background:#ffffff08;transform:scale(.98)}@media (prefers-color-scheme:light){.protocol-button-secondary{color:#666;background:#00000008;border:1px solid #0000001a}.protocol-button-secondary:hover{color:#333;background:#0000000f;border-color:#00000026}.protocol-button-secondary:active{background:#00000005}}.protocol-button-ghost{color:#666;background:0 0;transition:all .15s}.protocol-button-ghost:hover{color:#333;background:#ffffff0d}.protocol-button-ghost:active{background:#ffffff05;transform:scale(.98)}@media (prefers-color-scheme:light){.protocol-button-ghost:hover{background:#0000000d}.protocol-button-ghost:active{background:#00000005}}.protocol-button-glass{color:#666;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;transition:all .15s}.protocol-button-glass:hover{background:#ffffff14;border-color:#ffffff26}.protocol-button:disabled{cursor:not-allowed;color:#444!important;opacity:1!important;background:#ccc!important;border:none!important;transform:none!important}.protocol-button:disabled .button-icon{opacity:.6;transform:none!important}.protocol-button:focus-visible{outline-offset:2px;outline:2px solid #000}@media (prefers-color-scheme:light){.protocol-button:focus-visible{outline-color:#000}}@media (prefers-contrast:high){.protocol-button-primary{color:#fff;background:#000;border:2px solid #fff}.protocol-button-secondary{color:#000;background:#fff;border:2px solid #000}}@media (prefers-reduced-motion:reduce){.protocol-button,.button-icon,.loading-spinner{transition:none;animation:none}.protocol-button:active{transform:none}}.blog-panel-cta{box-shadow:0 4px 12px #00000014, 0 0 0 1px rgba(var(--success-rgb), .15), 0 0 12px rgba(var(--success-rgb), .06);position:relative}.blog-panel-cta:before{content:"";opacity:0;pointer-events:none;border-radius:inherit;z-index:1;background:#ffffff08;transition:opacity .8s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.blog-panel-cta:hover:before{opacity:1}.blog-panel-cta:hover{border-color:rgba(var(--success-rgb), .4);box-shadow:0 20px 40px #00000026, 0 8px 16px #0000001a, 0 0 0 1px rgba(var(--success-rgb), .3), 0 0 32px rgba(var(--success-rgb), .25);transform:translateY(-8px)scale(1.02)}.blog-panel-cta>*{z-index:2;position:relative}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal);border:1px solid #ffffff1a;overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);border-color:#fff3;transform:translateY(-4px)}.card__header{padding:1.5rem 1.5rem 0}.card__body{padding:1.5rem}.card__footer{border-top:1px solid var(--bg-accent);margin-top:1rem;padding:1rem 1.5rem 1.5rem}.card__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.card__description{color:var(--text-secondary);line-height:var(--leading-relaxed)}.section{padding:var(--section-padding) 0}.section--hero{justify-content:center;align-items:center;min-height:100vh;display:flex}.section__title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--text-primary);margin-bottom:1rem}.section__subtitle{font-size:var(--text-xl);color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.nav{z-index:100;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav__container{padding:1rem var(--container-padding);justify-content:space-between;align-items:center;display:flex}.nav__logo{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none}.nav__menu{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav__link{color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:var(--transition-fast);text-decoration:none;position:relative}.nav__link:hover{color:var(--text-accent)}.nav__link:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav__link:hover:after{width:100%}.nav__toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.nav__menu{background-color:var(--bg-primary);border-top:1px solid #ffffff1a;flex-direction:column;gap:1rem;padding:2rem;transition:transform .3s;position:fixed;top:100%;left:0;right:0;transform:translateY(-100vh)}.nav__menu--open{transform:translateY(0)}.nav__toggle{display:block}}.hero{text-align:center;background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero__content{z-index:2;max-width:800px;padding:0 var(--container-padding)}.hero__title{font-size:var(--text-6xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);background:linear-gradient(135deg, var(--text-primary), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.hero__subtitle{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:2rem}.hero__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.project-grid{flex-wrap:wrap;gap:2rem;margin-top:3rem;display:flex}.project-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);transition:var(--transition-normal);border:1px solid #ffffff1a;overflow:hidden}.project-card__image{object-fit:cover;border-bottom:1px solid #ffffff1a;width:100%;height:200px}.project-card__content{padding:1.5rem}.project-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.project-card__description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:1rem}.project-card__tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-card__actions{gap:.5rem;display:flex}.tech-tag{background-color:var(--bg-accent);color:var(--text-accent);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:.25rem .75rem}.form-group{margin-bottom:1.5rem}.form-label{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.5rem;display:block}.form-input,.form-textarea{background-color:var(--bg-secondary);border-radius:var(--border-radius);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:var(--transition-fast);border:1px solid #ffffff1a;padding:.75rem 1rem}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-textarea{resize:vertical;min-height:120px}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-accent) 50%, var(--bg-secondary) 75%);background-size:100% 100%;animation:2s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-text{border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton-title{border-radius:4px;width:60%;height:1.5rem;margin-bottom:1rem}.skeleton-avatar{border-radius:50%;width:3rem;height:3rem}.project-card-image{background:var(--glass-bg-subtle);border:1px solid var(--glass-border-subtle);border-radius:8px;width:100%;height:250px;margin-bottom:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000014}.project-content-with-image,.project-image-container{flex-direction:column;width:100%;display:flex}.blog-card .project-image-container{flex-direction:row!important}.blog-card .project-card-image{max-width:300px;margin-right:20px}@media (max-width:768px){.hero__title{font-size:var(--text-4xl)}.hero__actions{flex-direction:column;align-items:center}.project-grid{gap:1.5rem}.project-image-container{flex-direction:column;width:100%}.project-card-image{width:100%;height:250px}.project-content-with-image{flex-direction:column;width:100%}.blog-card .project-image-container{flex-direction:column!important}.blog-card .project-card-image{margin-right:0;max-width:1400px!important}}.project-card:hover,.blog-card:hover{opacity:1;transform:translateY(-12px)scale(1.03);background:linear-gradient(135deg,#ffffff17 0%,#ffffff0f 50%,#ffffff08 100%)!important;border-color:#1df9164d!important;box-shadow:0 20px 60px #0003,0 12px 32px #0000001f,0 4px 16px #16f91626,inset 0 1px #ffffff4d!important}.cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--accent-rgb), .4), 0 4px 12px #00000026!important;border-color:#ffffff80!important}.cta-button-secondary:hover{transform:translateY(-2px);background:var(--glass-bg-medium)!important;box-shadow:0 6px 20px rgba(var(--text-rgb), .15), 0 4px 12px #0000001a!important;border-color:#ffffff4d!important}.tech-tag{cursor:pointer;transition:all .3s}.tech-tag:hover{color:var(--text-secondary)!important;background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 100%),#ffffff1a!important}.project-link-btn:hover{transform:translateY(-2px);color:var(--text-primary)!important;background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%)!important;border-color:#f9731666!important;box-shadow:0 8px 25px #00000026,0 4px 12px #f973161a!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes floatGentle{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(2deg)}66%{transform:translateY(10px)rotate(-1deg)}}@keyframes floatPanelVertical{0%,to{transform:translateY(40px)}50%{transform:translateY(-80px)}}.float-panel{animation:45s ease-in-out infinite floatPanelVertical}.glass-highlight{position:relative;overflow:hidden}.glass-highlight:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.glass-highlight:hover:before{left:100%}@media (max-width:1024px){.projects-grid{gap:2rem!important}.project-card{flex:350px!important;min-width:300px!important}}@media (max-width:768px){.projects-grid{justify-content:center!important;gap:1.5rem!important}.project-card{flex:100%!important}.hero-stats{flex-direction:column!important;gap:2rem!important}.category-filter{flex-direction:column!important;align-items:center!important;gap:1rem!important}.project-actions{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.project-links{justify-content:space-around!important}.cta-buttons{flex-direction:column!important;gap:1rem!important}.cta-buttons a{justify-content:center!important;width:100%!important}}@media (max-width:480px){.projects-grid{gap:1.25rem!important}.project-card{flex:100%!important;min-width:280px!important}.project-actions{flex-direction:column}.tech-tags{gap:.4rem!important}.tech-tag{padding:.3rem .75rem!important;font-size:.75rem!important}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.float-panel{animation:none!important}}@media (prefers-contrast:high){.project-card{border:2px solid var(--text-primary)!important}.category-badge,.tech-tag{border:1px solid var(--text-primary)!important}}
.container{width:100%;max-width:1280px;padding:0 var(--container-padding);margin:0 auto}.container-wide{max-width:1440px}.container-narrow{max-width:768px}.glass-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.glass-card:hover{box-shadow:var(--shadow-glass-lg);border-color:var(--border-glow);transform:translateY(-2px)}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-glass), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.glass-strong{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(24px)}.glass-subtle{background:var(--bg-glass-subtle);-webkit-backdrop-filter:blur(12px)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-slide-up{animation:.8s ease-out slideUp}.animate-scale-in{animation:scaleIn .5s var(--animation-bounce)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px}.border{border:1px solid}.border-0{border:0}.border-2{border:2px solid}.border-white{border-color:#fff}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-primary{border-color:var(--color-primary)}.border-accent{border-color:var(--color-accent)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-white{color:#fff}.text-black{color:#000}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.font-mono{font-family:var(--font-mono);font-feature-settings:"liga" 1, "calt" 1}.font-primary{font-family:var(--font-primary)}.font-display{font-family:var(--font-display)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.h-full{height:100%}.h-auto{height:auto}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-fit{min-width:fit-content}.min-w-xs{min-width:150px}.min-w-sm{min-width:200px}.min-w-md{min-width:280px}.min-w-lg{min-width:350px}.min-w-xl{min-width:450px}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.transition-all{transition:all var(--transition-normal)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-75:hover{opacity:.75}.cursor-pointer{cursor:pointer}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--bg-accent)}.bg-card{background-color:var(--bg-card)}.bg-elevated{background-color:var(--bg-elevated)}.brand-primary{background-color:var(--color-primary);color:#fff}.brand-accent{background-color:var(--color-accent);color:#fff}.brand-error{background-color:var(--color-error);color:#fff}.brand-success{background-color:var(--color-success);color:#fff}.bg-brand-primary{background-color:var(--color-primary);color:#fff}.bg-brand-accent{background-color:var(--color-accent);color:#fff}.text-primary-bg{background-color:var(--text-primary);color:var(--bg-primary)}.text-secondary-bg{background-color:var(--text-secondary);color:var(--bg-primary)}.text-muted-bg{background-color:var(--text-muted);color:var(--bg-primary)}.text-accent-bg{background-color:var(--text-accent);color:#fff}@media (max-width:768px){.container{padding:0 1rem}.hidden-mobile{display:none}}@media (min-width:769px){.hidden-desktop{display:none}}@media (max-width:480px){.cta-group{flex-direction:column}.cta-button,.btn-primary,.btn-secondary,.btn-ghost,.btn-outline{width:100%;min-height:48px}.content-split{flex-direction:column}.content-split-action{width:100%;margin-top:var(--space-sm)}.flex-row{flex-direction:column!important}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}}@media (min-width:481px){.cta-group-horizontal{flex-direction:row;align-items:center}.cta-button-auto{flex:1;width:auto;max-width:200px}.content-split{flex-direction:row;align-items:center}.content-split-action{flex-shrink:0;width:auto;margin-top:0}.card-content-horizontal{flex-direction:row;justify-content:space-between;align-items:center}.card-actions-horizontal{flex-shrink:0;width:auto}.tablet-auto{width:auto}.tablet-row{flex-direction:row}}@media (max-width:480px){.mobile-full{width:100%}.mobile-stack{flex-direction:column}.mobile-center{text-align:center}}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:var(--border-radius);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md), 0 0 0 #6366f100;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));transform:translateY(-2px)}.btn-primary:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-accent);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.theme-toggle{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);border:none;margin-bottom:1rem;padding:.75rem 1.5rem}.theme-toggle:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.theme-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.typography-test{margin:1rem 0}.typography-test>*{margin-bottom:.5rem}.color-test{margin:1rem 0}.color-grid{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.color-box{border-radius:var(--border-radius);text-align:center;min-width:150px;font-weight:var(--font-weight-medium);font-size:var(--text-sm);padding:1rem}.spacing-test{margin:1rem 0}.spacing-box{background-color:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:var(--border-radius);text-align:center;font-weight:var(--font-weight-medium);margin-bottom:.5rem}.spacing-xs{padding:.25rem}.spacing-sm{padding:.5rem}.spacing-md{padding:1rem}.spacing-lg{padding:1.5rem}.spacing-xl{padding:2rem}.shadow-test{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.shadow-box{background-color:var(--bg-secondary);border-radius:var(--border-radius);text-align:center;font-weight:var(--font-weight-medium);min-width:150px;padding:1.5rem}.glass-test{margin:1rem 0;position:relative}.cta-group{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.cta-button{justify-content:center;width:100%;min-height:44px}.content-split{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.content-split-item{flex:1}.content-split-action{align-self:stretch;width:100%}.card-content{gap:var(--space-md);flex-direction:column;display:flex}.card-header{flex:1}.card-actions{width:100%}.flex-cols-1{flex-direction:column;gap:1rem;display:flex}.flex-cols-2{flex-wrap:wrap;gap:1rem;display:flex}.flex-cols-2>*{flex:1;min-width:calc(50% - .5rem)}.flex-cols-3{flex-wrap:wrap;gap:1rem;display:flex}.flex-cols-3>*{flex:1;min-width:calc(33.333% - .667rem)}.flex-cols-4{flex-wrap:wrap;gap:1rem;display:flex}.flex-cols-4>*{flex:1;min-width:calc(25% - .75rem)}@media (max-width:767px){.flex-cols-2>*,.flex-cols-3>*,.flex-cols-4>*,.sm\:flex-cols-2>*,.sm\:flex-cols-3>*,.md\:flex-cols-2>*,.md\:flex-cols-3>*,.md\:flex-cols-4>*,.lg\:flex-cols-3>*,.lg\:flex-cols-4>*,.lg\:flex-cols-6>*{min-width:100%}}@media (min-width:640px){.sm\:flex-cols-2{flex-wrap:wrap;gap:1rem;display:flex}.sm\:flex-cols-2>*{flex:1;min-width:calc(50% - .5rem)}.sm\:flex-cols-3{flex-wrap:wrap;gap:1rem;display:flex}.sm\:flex-cols-3>*{flex:1;min-width:calc(33.333% - .667rem)}}@media (min-width:768px){.md\:flex-cols-2{flex-wrap:wrap;gap:1rem;display:flex}.md\:flex-cols-2>*{flex:1;min-width:calc(50% - .5rem)}.md\:flex-cols-3{flex-wrap:wrap;gap:1rem;display:flex}.md\:flex-cols-3>*{flex:1;min-width:calc(33.333% - .667rem)}.md\:flex-cols-4{flex-wrap:wrap;gap:1rem;display:flex}.md\:flex-cols-4>*{flex:1;min-width:calc(25% - .75rem)}}@media (min-width:1024px){.lg\:flex-cols-3{flex-wrap:wrap;gap:1rem;display:flex}.lg\:flex-cols-3>*{flex:1;min-width:calc(33.333% - .667rem)}.lg\:flex-cols-4{flex-wrap:wrap;gap:1rem;display:flex}.lg\:flex-cols-4>*{flex:1;min-width:calc(25% - .75rem)}.lg\:flex-cols-6{flex-wrap:wrap;gap:1rem;display:flex}.lg\:flex-cols-6>*{flex:1;min-width:calc(16.667% - .833rem)}}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-portrait{aspect-ratio:3/4}.aspect-landscape{aspect-ratio:4/3}.space-y-16>*+*{margin-top:4rem}.space-y-20>*+*{margin-top:5rem}.space-y-24>*+*{margin-top:6rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}
@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-VariableFont_opsz,wght.woff2)format("woff2-variations")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-VariableFont_wght.woff2)format("woff2-variations")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:var(--color-border-transp)}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);background:var(--bg-gradient-primary,linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;overflow-x:hidden}@media (prefers-color-scheme:light){body{background:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%);background:var(--bg-gradient-primary,linear-gradient(135deg, #fff 0%, #f8fafc 50%, #f1f5f9 100%))}}h1,h2,h3,h4,h5,h6{text-transform:capitalize}p{line-height:var(--leading-relaxed);margin-top:10px;margin-bottom:10px}a{color:var(--text-accent);transition:var(--transition-fast);text-decoration:none;position:relative}a:hover{color:var(--text-accent-bright);transform:translateY(-1px)}a:focus{box-shadow:var(--focus-ring);outline:none}code:not([class*=language-]){font-family:var(--font-mono);font-size:.85em;font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-accent)}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-lg)}li{margin-bottom:var(--space-sm);line-height:var(--leading-relaxed)}blockquote{padding:var(--space-lg);background:var(--bg-glass-subtle);border-radius:var(--radius-lg);margin:var(--space-md) 0;color:var(--text-accent-bright);font-style:italic;position:relative}:focus{box-shadow:var(--focus-ring);border-radius:var(--radius-md);outline:none}:focus:not(:focus-visible){box-shadow:none}:focus-visible{outline-offset:2px;box-shadow:var(--focus-ring)}::selection{background:var(--selection-bg);color:var(--selection-text)}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-full)}html{scrollbar-width:thin;scrollbar-color:var(--border-accent) var(--bg-secondary)}[data-theme=dark] .atmospheric-background{background:linear-gradient(135deg,#3b82f61c 0%,#22c55e16 25%,#a855f721 50%,#3b82f61a 75%,#22c55e1e 100%),radial-gradient(at 0 0,#3b82f629 0%,#0000 45%),radial-gradient(at 100% 100%,#22c55e25 0%,#0000 45%),radial-gradient(at 100% 0,#a855f721 0%,#0000 40%),radial-gradient(at 0 100%,#fbbf241a 0%,#0000 40%),radial-gradient(#fb923c13 0%,#0000 60%)!important}[data-theme=light] .atmospheric-background{background:linear-gradient(135deg,#3b82f614 0%,#22c55e0f 25%,#a855f717 50%,#3b82f612 75%,#22c55e14 100%),radial-gradient(at 0 0,#3b82f61f 0%,#0000 45%),radial-gradient(at 100% 100%,#22c55e1a 0%,#0000 45%),radial-gradient(at 100% 0,#a855f717 0%,#0000 40%),radial-gradient(at 0 100%,#fbbf2412 0%,#0000 40%),radial-gradient(#fb923c0d 0%,#0000 60%)!important}:root:not([data-theme]) .atmospheric-background,.atmospheric-background{background:linear-gradient(135deg,#3b82f61c 0%,#22c55e16 25%,#a855f721 50%,#3b82f61a 75%,#22c55e1e 100%),radial-gradient(at 0 0,#3b82f629 0%,#0000 45%),radial-gradient(at 100% 100%,#22c55e25 0%,#0000 45%),radial-gradient(at 100% 0,#a855f721 0%,#0000 40%),radial-gradient(at 0 100%,#fbbf241a 0%,#0000 40%),radial-gradient(#fb923c13 0%,#0000 60%)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-glow-lg)}}.animate-fade-in{animation:fadeIn .6s var(--ease-out)}.animate-slide-up{animation:slideUp .8s var(--ease-out)}.animate-scale-in{animation:scaleIn .5s var(--ease-bounce)}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}@media (max-width:640px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}}@media (min-width:641px){.hidden-desktop{display:none!important}}@media (max-width:768px){.text-mobile-center{text-align:center}.flex-mobile-col{flex-direction:column}}::view-transition-old(*){object-fit:cover;height:100%}::view-transition-new(*){object-fit:cover;height:100%}::view-transition-old(.slide-next){height:auto;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}::view-transition-new(.slide-next){height:auto;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}::view-transition-old(.slide-prev){height:auto;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}::view-transition-new(.slide-prev){height:auto;animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}::view-transition-old(.slide-next){animation-name:vt-out-left}::view-transition-new(.slide-next){animation-name:vt-in-right}::view-transition-old(.slide-prev){animation-name:vt-out-right}::view-transition-new(.slide-prev){animation-name:vt-in-left}@keyframes vt-out-left{to{opacity:0;transform:translate(-48px)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(48px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(48px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-48px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.loading-content{text-align:center;justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;min-height:50vh;display:flex}.loading-text{gap:var(--space-sm);flex-direction:column;display:flex}.loading-title{font-size:var(--text-4xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.2}.loading-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.4}.progress-container{background-color:var(--bg-secondary);border-radius:var(--radius-full);width:200px;height:2px;position:relative;overflow:hidden}.progress-bar{background-color:var(--color-primary);border-radius:var(--radius-full);width:50%;height:100%;animation:2s ease-in-out infinite progress}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.progress-bar{width:100%!important;animation:none!important;transform:none!important}}@media (max-width:480px){.blog-actions{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.blog-actions>div:first-child:empty{display:none!important}.view-details-btn{justify-content:center!important;width:100%!important}}@media print{body{background:var(--color-text-white)!important;color:#000!important}.no-print{display:none!important}a{color:#000!important;text-decoration:underline!important}}pre code.hljs{overflow-x:auto;background:var(--bg-glass-card)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-lg)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;margin:var(--space-lg) 0!important;padding:var(--space-lg)!important;font-family:var(--font-mono)!important;font-size:.9rem!important;line-height:1.5!important;box-shadow:0 4px 12px #00000026!important}
.zAWClG_banner{z-index:100;background:var(--glass-gradient-linear), var(--glass-gradient-mesh);-webkit-backdrop-filter:var(--glass-backdrop-medium);backdrop-filter:var(--glass-backdrop-medium);border-top:1px solid var(--glass-border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem clamp(1rem,4vw,2rem);display:flex;position:fixed;bottom:0;left:0;right:0}.zAWClG_overlay{z-index:110;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.zAWClG_modal{background:var(--bg-elevated);border:1px solid var(--glass-border-primary);width:100%;max-width:28rem;max-height:90vh;box-shadow:var(--shadow-xl);border-radius:16px;padding:1.75rem;overflow-y:auto}.zAWClG_modalTitle{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.zAWClG_text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.zAWClG_link{color:var(--text-accent);text-underline-offset:2px;text-decoration:underline}.zAWClG_actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.zAWClG_modalActions{gap:.5rem;margin-top:1.5rem;display:flex}.zAWClG_primaryButton,.zAWClG_secondaryButton{cursor:pointer;white-space:nowrap;border-radius:999px;padding:.55rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .25s}.zAWClG_primaryButton{background:rgb(var(--accent-rgb));color:#fff;border:1px solid #0000;flex:1}.zAWClG_primaryButton:hover{filter:brightness(1.1)}.zAWClG_secondaryButton{color:var(--text-secondary);border:1px solid var(--glass-border-primary);background:0 0}.zAWClG_secondaryButton:hover{background:rgba(var(--glass-border-rgb), .08);color:var(--text-primary)}.zAWClG_prefRow{border-top:1px solid var(--glass-border-secondary);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 0;display:flex}.zAWClG_prefName{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.zAWClG_prefDescription{color:var(--text-muted);margin:.2rem 0 0;font-size:.75rem}.zAWClG_alwaysOn{color:var(--text-muted);flex-shrink:0;margin-top:.15rem;font-size:.7rem;font-weight:600}.zAWClG_toggle{flex-shrink:0;width:40px;height:24px;display:inline-block;position:relative}.zAWClG_toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.zAWClG_toggleTrack{background:rgba(var(--glass-border-rgb), .18);border:1px solid var(--glass-border-primary);border-radius:999px;transition:background .25s;position:absolute;inset:0}.zAWClG_toggleTrack:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:2px;left:2px}.zAWClG_toggle input:checked+.zAWClG_toggleTrack{background:rgb(var(--accent-rgb))}.zAWClG_toggle input:checked+.zAWClG_toggleTrack:after{transform:translate(16px)}@media (max-width:640px){.zAWClG_banner{text-align:center;flex-direction:column;align-items:stretch}.zAWClG_actions{justify-content:center}}@media (prefers-reduced-motion:reduce){.zAWClG_toggleTrack,.zAWClG_toggleTrack:after,.zAWClG_primaryButton,.zAWClG_secondaryButton{transition-duration:.01ms!important}}