*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;min-height:100vh}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-darker:#1d4ed8;--color-primary-light:#60a5fa;--color-primary-lighter:#93bbfc;--color-primary-rgb:59,130,246;--color-accent:#8b5cf6;--color-accent-dark:#7c3aed;--color-accent-darker:#6d28d9;--color-accent-light:#a78bfa;--color-accent-lighter:#c4b5fd;--color-accent-rgb:139,92,246;--color-background:#f4f1e8;--color-bg:#f4f1e8;--color-bg-primary:#f4f1e8;--color-bg-secondary:#ebe8df;--color-bg-tertiary:#e2dfd6;--color-bg-subtle:#f8f5ec;--color-text:#1e293b;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-light:#64748b;--color-text-lighter:#94a3b8;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-border:#d6d3ca;--color-border-light:#e8e5dc;--color-border-dark:#beb9ad;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-link:var(--color-primary);--color-link-hover:var(--color-primary-dark);--color-link-visited:var(--color-accent);--color-surface:#fdfcf7;--color-surface-secondary:#f8f5ec;--font-family-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Courier New","Courier Prime",monospace;--font-family-display:var(--font-family-sans);--font-heading:var(--font-family-display);--font-size-base:1rem;--font-size-md:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.25;--letter-spacing-tighter:-.05em;--space-0:0;--space-px:1px;--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-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--space-3xl:var(--space-16);--space-4xl:var(--space-24);--space-5xl:var(--space-20);--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-3xl:1.5rem;--border-radius:var(--radius-base);--border-radius-sm:var(--radius-sm);--border-radius-lg:var(--radius-lg);--border-radius-full:var(--radius-full);--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--transition-none:none;--transition-all:all .15s cubic-bezier(.4,0,.2,1);--transition-base:.15s cubic-bezier(.4,0,.2,1);--transition-fast:75ms cubic-bezier(.4,0,.2,1);--transition-medium:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-slower:.5s cubic-bezier(.4,0,.2,1);--z-auto:auto;--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-overlay:1070;--z-tooltip:1080;--z-toast:1090;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-max-width:1280px;--max-width:var(--container-max-width);--system-primary:var(--color-primary);--system-secondary:var(--color-accent);--system-light:var(--color-primary-light);--system-lighter:var(--color-primary-lighter);--system-dark:var(--color-primary-dark);--system-darker:var(--color-primary-darker);--system-rgb:var(--color-primary-rgb);--c64-blue:#4a4dff;--c64-beige:#b8b5a3;--c64-beige-dark:#9a9781;--c64-beige-darker:#7c7963;--c64-brown:#6b5d4f;--c64-dark-brown:#4d3f33}.dark-mode{--color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-primary-darker:#2563eb;--color-primary-light:#93bbfc;--color-primary-lighter:#bfdbfe;--color-primary-rgb:96,165,250;--color-accent:#a78bfa;--color-accent-dark:#8b5cf6;--color-accent-darker:#7c3aed;--color-accent-light:#c4b5fd;--color-accent-lighter:#ddd6fe;--color-accent-rgb:167,139,250;--color-background:#0f172a;--color-bg:#0f172a;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-subtle:#1a202c;--color-text:#f1f5f9;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-light:#cbd5e1;--color-text-lighter:#e2e8f0;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-border:#334155;--color-border-light:#475569;--color-border-dark:#1e293b;--color-success:#34d399;--color-success-light:#6ee7b7;--color-success-dark:#10b981;--color-error:#f87171;--color-error-light:#fca5a5;--color-error-dark:#ef4444;--color-warning:#fbbf24;--color-warning-light:#fde047;--color-warning-dark:#f59e0b;--color-info:#60a5fa;--color-info-light:#93bbfc;--color-info-dark:#3b82f6;--color-link:var(--color-primary);--color-link-hover:var(--color-primary-light);--color-link-visited:var(--color-accent);--color-surface:#fdfcf7;--color-surface-secondary:#f8f5ec;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.1);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.2),0 1px 2px -1px rgba(0,0,0,.2);--shadow-base:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -2px rgba(0,0,0,.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -4px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.2);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.5);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.1);--system-primary:var(--color-primary);--system-secondary:var(--color-accent);--system-light:var(--color-primary-light);--system-lighter:var(--color-primary-lighter);--system-dark:var(--color-primary-dark);--system-darker:var(--color-primary-darker);--system-rgb:var(--color-primary-rgb);--c64-blue:#6c70ff;--c64-beige:#d4d1c3;--c64-beige-dark:#b8b5a3;--c64-beige-darker:#9a9781;--c64-brown:#8b7d6f;--c64-dark-brown:#6d5f53}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-primary-darker:#2563eb;--color-primary-light:#93bbfc;--color-primary-lighter:#bfdbfe;--color-background:#0f172a;--color-bg:#0f172a;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text:#f1f5f9;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-border:#334155;--color-border-light:#475569}}@media (prefers-contrast:high){:root{--color-primary:#1d4ed8;--color-accent:#6d28d9;--color-text:#000;--color-bg:#fff;--color-border:#000}.dark-mode{--color-primary:#93bbfc;--color-accent:#c4b5fd;--color-text:#fff;--color-bg:#000;--color-border:#fff}}@media (prefers-reduced-motion:reduce){:root{--transition-all:none;--transition-base:none;--transition-fast:none;--transition-medium:none;--transition-slow:none;--transition-slower:none}}:root{--system-c64-primary:#4169e1;--system-c64-secondary:#1e3a8a;--system-spectrum-primary:red;--system-spectrum-middle:#0f0;--system-spectrum-secondary:#00f;--system-nes-primary:#e60012;--system-nes-secondary:#850008;--system-amiga-primary:#ff6b35;--system-amiga-secondary:#f7931e;--system-apple-ii-primary:#2e8b57;--system-apple-ii-secondary:#228b22;--system-atari-800-primary:#8b4513;--system-atari-800-secondary:sienna;--system-atari-2600-primary:gold;--system-atari-2600-secondary:orange;--system-pet-primary:#708090;--system-pet-secondary:#2f4f4f;--system-amstrad-cpc-primary:#32cd32;--system-amstrad-cpc-secondary:#228b22;--system-msx-primary:#8a2be2;--system-msx-secondary:indigo;--system-game-boy-primary:#9acd32;--system-game-boy-secondary:#556b2f;--system-atari-st-primary:#708090;--system-atari-st-secondary:#2f4f4f;--system-genesis-primary:#000;--system-genesis-secondary:#2f2f2f;--system-snes-primary:#9932cc;--system-snes-secondary:#8b008b;--system-jupiter-ace-primary:#8b0000;--system-jupiter-ace-secondary:#b22222;--system-bbc-micro-primary:maroon;--system-bbc-micro-secondary:#8b4513;--gradient-system-c64:linear-gradient(135deg,var(--system-c64-primary) 0%,var(--system-c64-secondary) 100%);--gradient-system-spectrum:linear-gradient(135deg,var(--system-spectrum-primary) 0%,var(--system-spectrum-middle) 50%,var(--system-spectrum-secondary) 100%);--gradient-system-nes:linear-gradient(135deg,var(--system-nes-primary) 0%,var(--system-nes-secondary) 100%);--gradient-system-amiga:linear-gradient(135deg,var(--system-amiga-primary) 0%,var(--system-amiga-secondary) 100%);--gradient-system-apple-ii:linear-gradient(135deg,var(--system-apple-ii-primary) 0%,var(--system-apple-ii-secondary) 100%);--gradient-system-atari-800:linear-gradient(135deg,var(--system-atari-800-primary) 0%,var(--system-atari-800-secondary) 100%);--gradient-system-atari-2600:linear-gradient(135deg,var(--system-atari-2600-primary) 0%,var(--system-atari-2600-secondary) 100%);--gradient-system-pet:linear-gradient(135deg,var(--system-pet-primary) 0%,var(--system-pet-secondary) 100%);--gradient-system-amstrad-cpc:linear-gradient(135deg,var(--system-amstrad-cpc-primary) 0%,var(--system-amstrad-cpc-secondary) 100%);--gradient-system-msx:linear-gradient(135deg,var(--system-msx-primary) 0%,var(--system-msx-secondary) 100%);--gradient-system-game-boy:linear-gradient(135deg,var(--system-game-boy-primary) 0%,var(--system-game-boy-secondary) 100%);--gradient-system-atari-st:linear-gradient(135deg,var(--system-atari-st-primary) 0%,var(--system-atari-st-secondary) 100%);--gradient-system-genesis:linear-gradient(135deg,var(--system-genesis-primary) 0%,var(--system-genesis-secondary) 100%);--gradient-system-snes:linear-gradient(135deg,var(--system-snes-primary) 0%,var(--system-snes-secondary) 100%);--gradient-system-jupiter-ace:linear-gradient(135deg,var(--system-jupiter-ace-primary) 0%,var(--system-jupiter-ace-secondary) 100%);--gradient-system-bbc-micro:linear-gradient(135deg,var(--system-bbc-micro-primary) 0%,var(--system-bbc-micro-secondary) 100%);--gradient-system-c64-vertical:linear-gradient(180deg,var(--system-c64-primary) 0%,var(--system-c64-secondary) 100%);--gradient-system-spectrum-vertical:linear-gradient(180deg,var(--system-spectrum-primary) 0%,var(--system-spectrum-middle) 50%,var(--system-spectrum-secondary) 100%);--gradient-system-nes-vertical:linear-gradient(180deg,var(--system-nes-primary) 0%,var(--system-nes-secondary) 100%);--gradient-phase-1:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-phase-2:linear-gradient(135deg,#f59e0b,#d97706);--gradient-phase-3:linear-gradient(135deg,#ef4444,#dc2626);--gradient-overlay-light:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.05) 0%,transparent 50%);--gradient-card-bg:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);--gradient-hero-overlay:radial-gradient(circle at 20% 50%,var(--color-primary-lighter) 0%,transparent 50%),radial-gradient(circle at 80% 50%,var(--color-accent-lighter) 0%,transparent 50%),radial-gradient(circle at 50% 100%,var(--color-primary-lighter) 0%,transparent 50%)}.system-hero-gradient.system-c64{background:var(--gradient-system-c64)}.system-hero-gradient.system-spectrum{background:var(--gradient-system-spectrum)}.system-hero-gradient.system-nes{background:var(--gradient-system-nes)}.system-hero-gradient.system-amiga{background:var(--gradient-system-amiga)}.system-hero-gradient.system-apple-ii{background:var(--gradient-system-apple-ii)}.system-hero-gradient.system-atari-800{background:var(--gradient-system-atari-800)}.system-hero-gradient.system-atari-2600{background:var(--gradient-system-atari-2600)}.card-gradient-bg{background:var(--gradient-card-bg)}.system-hero-overlay:before{background:var(--gradient-overlay-light)}:root{--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:16px;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--container-padding:var(--space-md);--max-width:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{color:var(--color-text);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-top:0;text-wrap:balance}h1{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-lg);-webkit-text-fill-color:transparent;background-clip:text}h2{margin-bottom:var(--space-md)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}p{color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}a{color:var(--color-primary);position:relative;text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}li a,p a{background-image:linear-gradient(var(--color-primary),var(--color-primary));background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size var(--transition-base)}li a:hover,p a:hover{background-size:100% 2px}.container{margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mobile-only{display:block}@media (min-width:768px){:root{--font-size-2xl:2.25rem;--container-padding:var(--space-lg);--max-width:720px}.container{max-width:var(--max-width)}.mobile-only{display:none}}@media (min-width:1024px){:root{--font-size-2xl:2.5rem;--font-size-xl:1.75rem;--container-padding:var(--space-xl);--max-width:1200px}}.nav-desktop{display:none}.nav-mobile{display:block}.nav-mobile-header{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(90deg,transparent,#f4f1e8 15%,#f4f1e8 85%,transparent),repeating-linear-gradient(180deg,#f4f1e8,#fff 1px,#fdfcf7,#f8f5ec,#ebe8df 4px,#ccc9c0 0,#bbb8af 7px,#ccc9c0 8px);border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff4d;display:flex;justify-content:space-between;min-height:56px;padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:var(--z-sticky)}.nav-mobile-logo img{height:28px;transition:transform var(--transition-base);width:auto}.nav-mobile-logo:hover img{transform:scale(1.05)}.nav-mobile-toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all var(--transition-base);width:40px}.nav-mobile-toggle:hover{background:var(--color-surface-secondary);border-color:var(--color-border);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger span{background:var(--color-primary);border-radius:var(--radius-full);display:block;height:2px;transform-origin:center;transition:all var(--transition-base);width:100%}.nav-mobile-toggle[aria-expanded=true] .hamburger span:first-child{transform:translateY(8px) rotate(45deg)}.nav-mobile-toggle[aria-expanded=true] .hamburger span:nth-child(2){opacity:0}.nav-mobile-toggle[aria-expanded=true] .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile-overlay{background:#00000080;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:200}.nav-mobile-overlay[aria-hidden=false]{opacity:1;visibility:visible}.nav-mobile-menu{background:var(--color-bg);bottom:0;max-width:85vw;overflow-y:auto;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease;width:280px;z-index:300}.nav-mobile-menu[aria-hidden=false]{transform:translate(0)}.nav-mobile-list{padding:var(--space-lg) 0}.nav-mobile-item{align-items:center;color:var(--color-text);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);position:relative;text-decoration:none;transition:background .2s ease}.nav-mobile-item:focus,.nav-mobile-item:hover{background:#0000000d}.nav-mobile-item--active{font-weight:600}.nav-mobile-item--active:before{background:var(--color-link);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-mobile-item__icon{font-size:1.25rem;text-align:center;width:1.5rem}.nav-mobile-item__label{flex:1}.nav-mobile-footer{border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg)}.nav-mobile-search{align-items:center;background:var(--color-link);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);width:100%}@media (min-width:480px){.nav-mobile-logo img{height:32px}.nav-mobile-header{padding:var(--space-sm) var(--space-lg)}}@media (min-width:768px){.nav-mobile{display:none}.nav-desktop{backdrop-filter:blur(10px);background:linear-gradient(90deg,transparent,#f4f1e8 20%,#f4f1e8 80%,transparent),repeating-linear-gradient(180deg,#f4f1e8,#fff 1.5px,#fdfcf7 3px,#f8f5ec,#ebe8df 5px,#ccc9c0 0,#bbb8af 9px,#ccc9c0 10px);border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff4d;display:block;position:sticky;top:0;z-index:var(--z-sticky)}.nav-container{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 var(--container-padding)}.nav-logo img{height:32px;transition:transform var(--transition-base);width:auto}.nav-logo:hover img{transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:var(--space-xs);list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--color-text);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-item:focus,.nav-item:hover{background:#3b82f61a;color:var(--color-primary-dark);transform:translateY(-1px)}.nav-item--active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-item--active:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:var(--space-md);position:absolute;right:var(--space-md)}.nav-item__icon{font-size:1.25rem;transition:transform var(--transition-base)}.nav-item:hover .nav-item__icon{transform:scale(1.1)}.nav-item__label{font-size:.875rem}.nav-actions{display:flex;gap:var(--space-sm)}.nav-search,.nav-theme{align-items:center;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.nav-search:hover,.nav-theme:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:var(--hover-lift-standard)}.nav-search:active,.nav-theme:active{box-shadow:var(--shadow-sm);transform:translateY(0)}}@media (min-width:768px) and (max-width:1023px){.nav-logo img{height:30px}}@media (min-width:1024px){.nav-item__label{font-size:1rem}.nav-menu{gap:var(--space-sm)}}:root{--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-darker) 100%);--gradient-primary-subtle:linear-gradient(135deg,var(--color-primary-lighter) 0%,var(--color-primary) 100%);--gradient-primary-reverse:linear-gradient(135deg,var(--color-primary-darker) 0%,var(--color-primary) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-darker) 100%);--gradient-accent-subtle:linear-gradient(135deg,var(--color-accent-lighter) 0%,var(--color-accent) 100%);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-info:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-dark:linear-gradient(135deg,#1f2937,#111827);--gradient-light:linear-gradient(135deg,#fff,#f3f4f6);--gradient-gray:linear-gradient(135deg,#6b7280,#4b5563);--gradient-hero-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-hero-vibrant:linear-gradient(135deg,#f093fb,#f5576c);--gradient-hero-ocean:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-hero-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-hero-night:linear-gradient(135deg,#330867,#30cfd0);--gradient-hero-forest:linear-gradient(135deg,#0ba360,#3cba92);--gradient-bg-subtle:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent);--gradient-bg-overlay:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.6));--gradient-bg-fade-up:linear-gradient(0deg,rgba(0,0,0,.1) 0%,transparent);--gradient-bg-fade-down:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent);--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.15));--gradient-glass-dark:linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.15));--gradient-frosted:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));--gradient-shimmer:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);--gradient-glow:radial-gradient(circle at center,hsla(0,0%,100%,.2) 0%,transparent 70%);--gradient-pulse:radial-gradient(circle at center,var(--color-primary) 0%,transparent 70%);--gradient-border-primary:linear-gradient(90deg,transparent,var(--color-primary),transparent);--gradient-border-accent:linear-gradient(90deg,transparent,var(--color-accent),transparent);--gradient-border-rainbow:linear-gradient(90deg,#f093fb,#f5576c 25%,#ffda77 50%,#00f2fe 75%,#f093fb);--gradient-mesh-aurora:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#feca57);--gradient-mesh-ocean:linear-gradient(135deg,#1e3c72,#2a5298 25%,#7e8ba3 50%,#b5c6d8 75%,#fff);--gradient-mesh-sunset:linear-gradient(135deg,#ee9ca7,#ffdde1 25%,#fad0c4 50%,#ff9a9e 75%,#fecfef);--gradient-radial-primary:radial-gradient(circle at 50% 50%,var(--color-primary) 0%,var(--color-primary-darker) 100%);--gradient-radial-fade:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.1) 100%);--gradient-radial-light:radial-gradient(circle at top,hsla(0,0%,100%,.1) 0%,transparent 70%);--gradient-animation-slow:10s;--gradient-animation-medium:5s;--gradient-animation-fast:2s;--gradient-size-sm:200% 200%;--gradient-size-md:300% 300%;--gradient-size-lg:400% 400%}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-error{background:var(--gradient-error)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-light{background:var(--gradient-light)}.bg-gradient-hero-primary{background:var(--gradient-hero-primary)}.bg-gradient-hero-vibrant{background:var(--gradient-hero-vibrant)}.bg-gradient-hero-ocean{background:var(--gradient-hero-ocean)}.bg-gradient-hero-sunset{background:var(--gradient-hero-sunset)}.bg-gradient-glass{backdrop-filter:blur(10px);background:var(--gradient-glass)}.bg-gradient-frosted{backdrop-filter:blur(20px);background:var(--gradient-frosted)}.gradient-animated{animation:gradientShift var(--gradient-animation-slow) ease infinite;background-size:var(--gradient-size-md)}.gradient-animated-fast{animation:gradientShift var(--gradient-animation-fast) ease infinite;background-size:var(--gradient-size-md)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-shimmer{overflow:hidden;position:relative}.gradient-shimmer:after{animation:shimmer 3s infinite;background:var(--gradient-shimmer);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-hero{background:var(--gradient-hero-vibrant);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:var(--gradient-border-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-reduced-motion:reduce){.gradient-animated,.gradient-animated-fast,.gradient-shimmer:after{animation:none}}.dark-mode{--gradient-bg-subtle:linear-gradient(180deg,rgba(0,0,0,.02),transparent);--gradient-bg-overlay:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))}:root{--btn-padding-xs:var(--space-xs) var(--space-md);--btn-padding-sm:var(--space-sm) var(--space-lg);--btn-padding-md:var(--space-sm) var(--space-xl);--btn-padding-lg:var(--space-md) var(--space-2xl);--btn-padding-xl:var(--space-lg) var(--space-3xl);--btn-font-xs:.75rem;--btn-font-sm:.875rem;--btn-font-md:.925rem;--btn-font-lg:1rem;--btn-font-xl:1.125rem;--btn-radius:var(--border-radius-lg);--btn-radius-full:var(--border-radius-full);--btn-transition:all .3s cubic-bezier(.4,0,.2,1);--btn-shadow-sm:0 2px 4px rgba(0,0,0,.1);--btn-shadow-md:0 4px 12px rgba(0,0,0,.15);--btn-shadow-lg:0 8px 20px rgba(0,0,0,.2);--btn-shadow-primary:0 4px 12px rgba(59,130,246,.3);--btn-shadow-primary-hover:0 8px 20px rgba(59,130,246,.4);--btn-shadow-success:0 4px 12px rgba(16,185,129,.3);--btn-shadow-success-hover:0 8px 20px rgba(16,185,129,.4);--btn-hover-lift:translateY(-2px);--btn-active-press:translateY(0);--btn-gradient-primary:var(--gradient-primary);--btn-gradient-success:var(--gradient-success);--btn-gradient-danger:var(--gradient-error);--btn-gradient-warning:var(--gradient-warning)}.btn{align-items:center;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--btn-radius);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--btn-font-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;line-height:1;padding:var(--btn-padding-md);position:relative;text-decoration:none;transform:translateZ(0);transition:var(--btn-transition)}.btn:hover{transform:var(--btn-hover-lift)}.btn:active{transform:var(--btn-active-press)}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn.btn--disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--sm{font-size:var(--btn-font-sm);padding:var(--btn-padding-sm)}.btn--primary{background:var(--btn-gradient-primary);box-shadow:var(--btn-shadow-primary);color:#fff}.btn--primary:hover{box-shadow:var(--btn-shadow-primary-hover)}.btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary:hover{background:var(--color-primary);color:#fff}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text)}.btn--ghost:hover{background:var(--color-bg-secondary)}.btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:#fff}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.btn--c64,.btn-c64{background:var(--gradient-system-c64);color:#fff}.btn--c64:hover,.btn-c64:hover{box-shadow:0 8px 20px #4a5fb066;transform:var(--btn-hover-lift)}.btn--spectrum,.btn-spectrum{background:var(--gradient-system-spectrum);color:#fff}.btn--nes,.btn-nes{background:var(--gradient-system-nes);color:#fff}.btn--amiga,.btn-amiga{background:var(--gradient-system-amiga);color:#fff}.btn-group{flex-wrap:wrap;gap:var(--space-sm)}@media (max-width:768px){.btn{font-size:var(--btn-font-sm);padding:var(--btn-padding-sm)}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}.dark-mode .btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary-lighter)}.dark-mode .btn--secondary:hover{background:var(--color-primary);color:#fff}.dark-mode .btn--ghost:hover{background:#ffffff1a}.dark-mode .btn--outline{border-color:var(--color-primary);color:var(--color-primary-lighter)}.dark-mode .btn--outline:hover{background:var(--color-primary);color:#fff}.grid{display:grid;gap:var(--space-md);grid-template-columns:1fr;width:100%}.card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-base)}.card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.card:hover:before{transform:scaleX(1)}a.card{color:inherit;text-decoration:none}a.card:hover{border-color:var(--color-primary-lighter);box-shadow:var(--shadow-lg);transform:var(--hover-lift-prominent)}.card__header{background:var(--gradient-primary);color:#fff;font-size:2rem;overflow:hidden;padding:var(--space-lg);position:relative;text-align:center}.card__header:after{animation:shimmer 3s infinite;background:var(--gradient-glow);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.card__icon{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:1}.card__image{height:200px;overflow:hidden;position:relative;width:100%}.card__image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow);width:100%}.card:hover .card__image img{transform:scale(1.05)}.card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.card__badge{align-self:flex-start;background:var(--color-link);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.card__title{font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.card__subtitle{color:var(--color-text-light);font-size:.875rem;margin:0}.card__description{flex:1;font-size:1rem;line-height:1.6;margin:0}.card__meta{border-top:1px solid var(--color-border);display:flex;flex-direction:column;font-size:.875rem;gap:var(--space-xs);padding-top:var(--space-sm)}.card__meta-item{display:flex;gap:var(--space-xs)}.card__actions{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md)}.card__action{border-radius:4px;flex:1;font-size:.875rem;font-weight:600;padding:var(--space-sm) var(--space-md);text-align:center;text-decoration:none;transition:background .2s ease}.card--highlight{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;box-shadow:0 4px 12px #0ea5e91a}.card--dashed{border-style:dashed;border-width:2px}.section-header{margin-bottom:var(--space-xl);text-align:center}.section-header__badge{align-items:center;background:var(--color-bg-secondary);border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-xs);letter-spacing:.05em;margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.section-header__badge-dot{background:var(--color-link);border-radius:50%;height:8px;width:8px}.section-header__title{font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 var(--space-md) 0}.section-header__subtitle{color:var(--color-text-light);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm) 0}.section-header__description{color:var(--color-text-light);font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.section-header--centered{text-align:center}@media (min-width:768px){.card__title{font-size:1.5rem}.card__image{height:240px}.section-header__title{font-size:2.5rem}}@media (min-width:1024px){.section-header__title{font-size:3rem}}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--container-padding);width:100%}.container--narrow{max-width:800px}.section{padding:var(--space-xl) 0}.section--dark{background:var(--color-text);color:var(--color-bg)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-bg)}.hero{background:var(--color-bg);padding:var(--space-3xl) 0}.hero:before{animation:heroFloat 20s ease-in-out infinite;background:var(--gradient-hero-overlay);content:"";left:-50%;position:absolute;width:200%}@keyframes heroFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero__title{animation:titleGlow 3s ease-in-out infinite;background:var(--gradient-primary);font-size:var(--font-size-4xl);margin:0 0 var(--space-lg) 0}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero__subtitle{font-size:var(--font-size-xl);margin:0 0 var(--space-xl) 0;margin-left:auto;margin-right:auto;max-width:700px}.hero__actions{align-items:center;flex-direction:column}.content{padding:var(--space-xl) 0}.prose{font-size:1rem;line-height:1.7}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:700;line-height:1.3;margin-bottom:var(--space-md);margin-top:var(--space-xl)}.prose h1{font-size:2rem}.prose h2{font-size:1.75rem}.prose h3{font-size:1.5rem}.prose h4{font-size:1.25rem}.prose p{margin-bottom:var(--space-md)}.prose ol,.prose ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.prose li{margin-bottom:var(--space-xs)}.prose blockquote{background:var(--color-bg-secondary);border-left:4px solid var(--color-link);font-style:italic;margin:var(--space-lg) 0;padding:var(--space-md)}.prose code{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-family-mono);font-size:.875em;padding:2px 6px}.prose pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin:var(--space-lg) 0;overflow-x:auto;padding:var(--space-md)}.prose pre code{background:transparent;border:none;padding:0}.prose table{border-collapse:collapse;margin:var(--space-lg) 0;width:100%}.prose img{border-radius:8px;height:auto;margin:var(--space-lg) 0;max-width:100%}.layout-sidebar{display:flex;flex-direction:column;gap:var(--space-xl)}.layout-sidebar__main{flex:1}.layout-sidebar__aside{width:100%}.footer{border-top:1px solid var(--color-border);margin-top:var(--space-2xl);padding:var(--space-xl) 0}@media (min-width:768px){.hero__title{font-size:3rem}.hero__subtitle{font-size:1.5rem}.hero__actions{flex-direction:row;justify-content:center}.prose{font-size:1.125rem}.prose h1{font-size:2.5rem}.prose h2{font-size:2rem}.prose h3{font-size:1.75rem}.prose h4{font-size:1.5rem}.layout-sidebar{flex-direction:row}.layout-sidebar__aside{width:300px}}@media (min-width:1024px){.hero__title{font-size:3.5rem}.layout-sidebar__aside{width:350px}}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.flex-shrink{flex-shrink:1!important}.gap-xs{gap:var(--space-xs)!important}.gap-sm{gap:var(--space-sm)!important}.gap-md{gap:var(--space-md)!important}.gap-lg{gap:var(--space-lg)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-sm{margin-top:var(--space-sm)!important}.mt-xl{margin-top:var(--space-xl)!important}.mb-sm{margin-bottom:var(--space-sm)!important}.mb-md{margin-bottom:var(--space-md)!important}.mb-lg{margin-bottom:var(--space-lg)!important}.mb-xl{margin-bottom:var(--space-xl)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.px-lg{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.py-md{padding-bottom:var(--space-md)!important;padding-top:var(--space-md)!important}.py-xl{padding-bottom:var(--space-xl)!important;padding-top:var(--space-xl)!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.text-center{text-align:center!important}.text-sm{font-size:var(--font-size-sm)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.capitalize{text-transform:capitalize!important}.underline{text-decoration:underline!important}.w-full{width:100%!important}.h-full{height:100%!important}.h-auto{height:auto!important}.border{border-width:1px!important}.border-t{border-top-width:1px!important}.rounded{border-radius:var(--radius-base)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow{box-shadow:var(--shadow-base)!important}.opacity-50{opacity:.5!important}.transition-all{transition:all var(--transition-base)!important}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.flex-center{align-items:center!important;display:flex!important;justify-content:center!important}.sr-only{border-width:0!important}.container{margin-left:auto!important;margin-right:auto!important;max-width:var(--container-max-width)!important;padding-left:var(--space-md)!important;padding-right:var(--space-md)!important;width:100%!important}@media (min-width:768px){.container{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}}@media (min-width:1024px){.container{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}}.skip-to-content{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;font-weight:var(--font-weight-semibold);left:50%;padding:var(--space-sm) var(--space-lg);position:fixed;text-decoration:none;top:-100px;transform:translate(-50%);transition:top var(--transition-base);z-index:var(--z-tooltip)}.skip-to-content:focus{outline:3px solid var(--color-accent);outline-offset:2px;top:var(--space-md)}:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible{box-shadow:0 0 0 3px var(--color-primary-lighter)}.card:focus-within{outline:2px solid var(--color-primary);outline-offset:4px}.sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.breadcrumb{align-items:center;color:var(--color-text-light);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);padding:var(--space-md) 0}.breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0;padding:0}.breadcrumb__item{align-items:center;display:flex;gap:var(--space-xs)}.breadcrumb__link{border-radius:var(--radius-md);color:var(--color-text-light);padding:var(--space-xs) var(--space-sm);position:relative;text-decoration:none;transition:all var(--transition-fast)}.breadcrumb__link:hover{background:var(--color-primary-lighter);color:var(--color-primary)}.breadcrumb__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.breadcrumb__separator{color:var(--color-text-lighter);font-size:var(--font-size-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb__current{color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);margin-top:auto;padding:var(--space-2xl) 0 var(--space-xl)}.loading{align-items:center;display:inline-flex;gap:var(--space-sm)}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-border-light) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:768px){.breadcrumb{font-size:var(--font-size-base);padding:var(--space-lg) 0}}.dark-mode{color-scheme:dark}.dark-mode .nav-desktop,.dark-mode .nav-mobile-header{background:#0f172af2;border-bottom-color:var(--color-border)}.dark-mode .nav-mobile-toggle{background:var(--color-bg-secondary)}.dark-mode .nav-mobile-toggle:hover{background:var(--color-bg-tertiary)}.dark-mode .nav-item:focus,.dark-mode .nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-primary-light)}.dark-mode .nav-search,.dark-mode .nav-theme{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark-mode .nav-search:hover,.dark-mode .nav-theme:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.dark-mode .card{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .card:hover{border-color:var(--color-primary)}.dark-mode .card__header{background:var(--gradient-accent)}.dark-mode .hero:before{opacity:.1}.dark-mode .hero__title{filter:brightness(1.2)}.dark-mode .footer{background:var(--color-bg-secondary);border-top-color:var(--color-border)}.dark-mode code,.dark-mode pre{background:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .prose code{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-primary-light)}.dark-mode table{border-color:var(--color-border)}.dark-mode .breadcrumb__link:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.dark-mode .skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%)}.dark-mode a:focus-visible,.dark-mode button:focus-visible,.dark-mode input:focus-visible,.dark-mode select:focus-visible{outline-color:var(--color-primary)}.dark-mode button:focus-visible{box-shadow:0 0 0 3px var(--color-primary-lighter)}.dark-mode .skip-to-content{background:var(--gradient-accent)}.dark-mode .skip-to-content:focus{outline-color:var(--color-accent-light)}.dark-mode-transition,.dark-mode-transition *,.dark-mode-transition :after,.dark-mode-transition :before{transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out,fill .3s ease-in-out,stroke .3s ease-in-out!important}.layout-footer{background:linear-gradient(180deg,var(--color-bg) 0,var(--color-bg-secondary) 100%);border-top:1px solid var(--color-border-light);margin-top:0;overflow:hidden;position:relative}.layout-footer:before{background-image:radial-gradient(circle at 10% 20%,var(--color-primary-lighter) 0,transparent 40%),radial-gradient(circle at 80% 80%,var(--color-accent-lighter) 0,transparent 40%);content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.footer-container{margin:0 auto;max-width:var(--max-width);padding:var(--space-2xl) var(--container-padding) var(--space-xl);position:relative;z-index:1}.footer-grid{display:grid;gap:var(--space-2xl);grid-template-columns:1fr;margin-bottom:var(--space-2xl)}.footer-section{display:flex;flex-direction:column;gap:var(--space-md)}.footer-logo{display:inline-block;margin-bottom:var(--space-md)}.footer-logo img{filter:brightness(1);height:48px;transition:all var(--transition-base);width:auto}.footer-logo:hover img{filter:brightness(1.1) drop-shadow(0 4px 8px rgba(37,99,235,.2));transform:scale(1.02)}.footer-title{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-sm) 0}.footer-subtitle{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0 0 var(--space-sm) 0;text-transform:uppercase}.footer-text{color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0 0 var(--space-md) 0;max-width:320px}.footer-links{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:var(--color-text-light);display:inline-block;padding:var(--space-xs) 0;position:relative;text-decoration:none;transition:all var(--transition-fast)}.footer-links a:before{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.footer-links a:hover{color:var(--color-primary);transform:translate(4px)}.footer-links a:hover:before{width:100%}.footer-social{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.social-link{align-items:center;background:var(--color-bg);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-light);display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-base);width:44px}.social-link:before{background:var(--gradient-primary);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0;z-index:0}.social-link:hover:before{height:100px;width:100px}.social-link svg{position:relative;transition:transform var(--transition-base);z-index:1}.social-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px)}.social-link:hover svg{transform:scale(1.1)}.footer-bottom{align-items:center;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xl);text-align:center}.footer-copyright{color:var(--color-text-lighter);font-size:var(--font-size-sm);margin:0}.footer-legal{align-items:center;display:flex;gap:var(--space-lg)}.footer-legal a{border-radius:var(--radius-md);color:var(--color-text-lighter);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);position:relative;text-decoration:none;transition:all var(--transition-fast)}.footer-legal a:after{background:var(--color-primary);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);transition:width var(--transition-base);width:0}.footer-legal a:hover{color:var(--color-primary)}.footer-legal a:hover:after{width:calc(100% - var(--space-md))}@media (min-width:768px){.footer-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}.footer-text{max-width:400px}}@media (min-width:1024px){.footer-grid{gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr}.footer-container{padding:var(--space-3xl) var(--container-padding) var(--space-xl)}.footer-title{font-size:var(--font-size-2xl)}.footer-subtitle{font-size:var(--font-size-lg)}}@media (min-width:768px){.footer-logo img{height:56px}}@media (min-width:1024px){.footer-logo img{height:64px}}.dark-mode .layout-footer{background:linear-gradient(180deg,var(--color-bg) 0,#0a0f1f 100%);border-top-color:var(--color-border)}.dark-mode .layout-footer:before{opacity:.02}.dark-mode .footer-logo img{filter:brightness(.9)}.dark-mode .footer-logo:hover img{filter:brightness(1.1) drop-shadow(0 4px 12px rgba(96,165,250,.3))}.dark-mode .social-link{background:var(--color-bg-tertiary);border-color:var(--color-border)}.dark-mode .social-link:hover{background:var(--color-primary);border-color:var(--color-primary)}.dark-mode .footer-legal a:hover,.dark-mode .footer-links a:hover{color:var(--color-primary-light)}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-section{animation:footerFadeIn .6s ease-out backwards}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.phase-zero-banner{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);box-shadow:0 20px 40px #3b82f61a,inset 0 1px #ffffff80;margin:var(--space-lg) auto var(--space-xl);max-width:1000px;padding:var(--space-2xl);position:relative;text-align:center}.phase-zero-overlay{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(59,130,246,.05) 0,rgba(59,130,246,.05) 4px),radial-gradient(circle at 20% 50%,rgba(59,130,246,.1),transparent 40%),radial-gradient(circle at 80% 50%,rgba(99,102,241,.08),transparent 40%);inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.phase-zero-content{align-items:center;color:var(--color-text);display:flex;flex-direction:column;position:relative;z-index:1}.phase-zero-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-full);box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.phase-zero-title{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);-webkit-background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin:var(--space-md) 0;-webkit-text-fill-color:transparent;background-clip:text}.phase-zero-description{color:var(--color-text-light);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:var(--space-md) auto var(--space-lg);max-width:700px;text-align:center}.phase-zero-code{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #3b82f6;border-radius:var(--radius-lg);box-shadow:0 10px 30px #3b82f633,inset 0 1px #3b82f61a;color:#60a5fa;font-family:var(--font-family-mono);font-size:var(--font-size-base);margin:var(--space-lg) auto;max-width:500px;overflow:hidden;padding:var(--space-lg);position:relative;text-align:left}.phase-zero-code:before{color:#818cf8;content:"C64 BASIC V2";font-size:var(--font-size-xs);opacity:.5;position:absolute;right:var(--space-sm);top:var(--space-xs)}.phase-zero-code div{animation:typewriter .5s ease-out backwards;margin:var(--space-xs) 0}.phase-zero-code div:first-child{animation-delay:.1s}.phase-zero-code div:nth-child(2){animation-delay:.2s}.phase-zero-code div:nth-child(3){animation-delay:.3s}.phase-zero-code div:nth-child(4){animation-delay:.4s}.phase-zero-code div:nth-child(5){animation-delay:.5s;color:#fff}@keyframes typewriter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.phase-zero-note{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-md);text-align:center}.feature-section{background:var(--color-bg);padding:var(--space-lg) 0 var(--space-2xl);position:relative}.systems-section{margin-top:var(--space-3xl)}.why-learn-section{background:var(--gradient-bg-fade-down);padding:var(--space-2xl) 0;position:relative}.feature-icon{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto var(--space-sm);overflow:hidden;position:relative;width:64px}.feature-icon:before{background:inherit;border-radius:inherit;content:"";inset:0;opacity:.1;position:absolute;transform:scale(1.5)}.feature-icon span{animation:bounce 2s infinite;position:relative;z-index:1}.feature-icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 25px #3b82f64d}.feature-icon--red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 25px #ef44444d}.feature-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 25px #f59e0b4d}.feature-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.feature-description{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.system-c64{background:linear-gradient(135deg,#8b7355,#a08b6a);color:#fff}.btn-c64{background:linear-gradient(135deg,#4a5fb8,#5a6fc8);border:none;border-radius:.25rem;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-c64:hover{background:linear-gradient(135deg,#5a6fc8,#6a7fd8);transform:translateY(-1px)}.system-spectrum{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.btn-spectrum{background:linear-gradient(90deg,red,#ff0 33%,#0f0 66%,#0ff);border:2px solid #000;border-radius:.25rem;color:#000;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.btn-spectrum:hover{filter:brightness(1.2);transform:translateY(-1px)}.system-nes{background:linear-gradient(135deg,#b8b8b8,#d0d0d0);color:#333}.btn-nes{background:linear-gradient(135deg,#e60012,#ff1a2c);border:none;border-radius:.25rem;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-nes:hover{background:linear-gradient(135deg,#ff1a2c,#ff3a4c);transform:translateY(-1px)}.system-amiga{background:linear-gradient(135deg,#f30,#f63);color:#fff}.btn-amiga{background:linear-gradient(135deg,#f0f0f0,#fff);border:1px solid #ccc;border-radius:.25rem;color:#333;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-amiga:hover{background:linear-gradient(135deg,#fff,#f8f8f8);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-default{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:.25rem;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-default:hover{filter:brightness(1.1);transform:translateY(-1px)}.tools-section{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-accent-dark) 100%);color:#fff;overflow:hidden;padding:var(--space-2xl) 0;position:relative;text-align:center}.tools-section:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,.05) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tools-title{color:#fbbf24;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin:0 0 var(--space-sm) 0;position:relative;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1}.tools-subtitle{color:#ffffffe6;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 auto var(--space-xl);max-width:700px;opacity:.95;position:relative;text-align:center;z-index:1}.tools-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:1200px}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tools-grid{grid-template-columns:1fr}}.tool-card{backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-base)}.tool-card:before{background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.05));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-base)}.tool-card:hover{background:#ffffff26;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.tool-card:hover:before{opacity:1}.tool-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:3rem;margin-bottom:var(--space-md)}.tool-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);position:relative}.tool-name--green{color:#10b981}.tool-name--blue{color:#60a5fa}.tool-name--amber{color:#fbbf24}.tool-name--purple{color:#c084fc}.tool-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);opacity:.9}.tools-cta{align-items:center;background:#fff;border-radius:var(--radius-full);box-shadow:0 4px 15px #0003;color:var(--color-primary-dark);display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-2xl);text-decoration:none;transition:all var(--transition-base)}.tools-cta:hover{background:var(--color-bg-secondary);box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.tools-cta span:first-child{animation:bounce 2s infinite;font-size:1.5em}.tools-note{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);opacity:.8;text-align:center;text-transform:uppercase}.cta-section{background:var(--gradient-primary);margin-bottom:0;overflow:hidden;padding:var(--space-2xl) 0;position:relative}.cta-overlay{animation:slide 20s linear infinite;background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px);inset:0;position:absolute}.cta-content{position:relative;text-align:center;z-index:1}.cta-title{animation:fadeInUp .8s ease-out;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-extrabold);margin:0 0 var(--space-sm) 0;text-shadow:0 4px 20px rgba(0,0,0,.2)}.cta-subtitle{animation:fadeInUp .8s ease-out .2s backwards;color:#fffffff2;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto var(--space-2xl);max-width:700px}.btn-group{align-items:center;display:flex;gap:var(--space-md)}.btn-group--centered{justify-content:center;margin-bottom:var(--space-2xl)}.cta-stats{animation:fadeInUp .8s ease-out .6s backwards;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.stat-item{color:#fff;text-align:center}.stat-value{background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-xs);-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.1)}.stat-label{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);opacity:.9;text-transform:uppercase}.cta-button{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);justify-content:center;margin:0 var(--space-sm);padding:var(--space-md) var(--space-2xl);text-decoration:none;transition:all var(--transition-base)}.cta-button--primary{background:#fff;box-shadow:0 4px 15px #0003;color:var(--color-primary-dark)}.cta-button--primary:hover{background:var(--color-bg-secondary);box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.cta-button--ghost{background:transparent;border:2px solid hsla(0,0%,100%,.5);color:#ffffffe6}.cta-button--ghost:hover{background:#ffffff0d;border-color:#fff;color:#fff;transform:translateY(-2px)}.system-c64{background:linear-gradient(135deg,#4169e1,#1e3a8a)!important}.system-spectrum{background:linear-gradient(135deg,red,#0f0 50%,#00f)!important}.system-nes{background:linear-gradient(135deg,#e60012,#850008)!important}.system-amiga{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}@media (max-width:767px){.phase-zero-banner{padding:var(--space-lg)}.phase-zero-title{font-size:var(--font-size-2xl)}.phase-zero-code{font-size:var(--font-size-sm);padding:var(--space-md)}.feature-icon{font-size:2rem;height:60px;width:60px}.tools-section{padding:var(--space-3xl) var(--space-md)}.tools-title{font-size:var(--font-size-2xl)}.tools-subtitle{font-size:var(--font-size-base);padding:0 var(--space-md)}.tools-grid{gap:var(--space-md);grid-template-columns:1fr}.tool-card{padding:var(--space-lg)}.tool-icon{font-size:2.5rem}.tools-cta{font-size:var(--font-size-base);padding:var(--space-sm) var(--space-lg)}.cta-section{padding:var(--space-3xl) var(--space-md) var(--space-3xl)}.cta-title{font-size:var(--font-size-2xl)}.cta-subtitle{font-size:var(--font-size-base);padding:0 var(--space-md)}.cta-button{font-size:var(--font-size-base);justify-content:center;padding:var(--space-sm) var(--space-lg);width:100%}.cta-stats{gap:var(--space-lg);grid-template-columns:1fr}.stat-value{font-size:var(--font-size-2xl)}}.dark-mode .phase-zero-banner{background:linear-gradient(135deg,#000,#0f172a);border:1px solid var(--color-border)}.dark-mode .why-learn-section{background:linear-gradient(180deg,var(--color-bg-tertiary) 0,var(--color-bg) 100%)}.dark-mode .feature-icon{filter:brightness(.9)}.dark-mode .tools-section{background:linear-gradient(135deg,#1e293b,#0f172a)}.dark-mode .tool-card{background:#0000004d;border-color:var(--color-border)}.dark-mode .tool-card:hover{background:#00000080}.dark-mode .tools-cta{background:var(--color-primary);color:#fff}.dark-mode .tools-cta:hover{background:var(--color-primary-light)}.dark-mode .cta-section{background:linear-gradient(135deg,var(--color-primary-dark) 0,#1e293b 100%)}.dark-mode .cta-button--primary{background:var(--color-primary);color:#fff}.dark-mode .cta-button--primary:hover{background:var(--color-primary-light)}.dark-mode .cta-button--ghost{border-color:#ffffff80;color:#ffffffe6}.dark-mode .cta-button--ghost:hover{background:#ffffff0d;border-color:#fff;color:#fff}.hero{align-items:center;background:radial-gradient(ellipse at top,rgba(59,130,246,.05),transparent 50%),var(--color-bg);display:flex;flex-direction:column;overflow:hidden;padding:var(--space-xl) var(--space-md) var(--space-2xl);position:relative;text-align:center;width:100%}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:before{animation:floatOrbs 30s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.15) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.1) 0,transparent 40%);height:200%;left:-25%;mix-blend-mode:multiply;opacity:.3;top:-50%;width:150%}@keyframes floatOrbs{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero:after{animation:scanlines 8s linear infinite;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 0),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(37,99,235,.01) 0,rgba(37,99,235,.01) 4px);background-size:100px 100px,100px 100px,100% 4px;bottom:0;height:100%;left:0;opacity:.7;right:0;transform:perspective(500px) rotateX(60deg);transform-origin:bottom}@keyframes scanlines{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,0 8px}}.hero__badge{align-items:center;animation:slideDown .6s ease-out;backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);background-clip:padding-box;border:2px solid transparent;border-radius:var(--radius-full);box-shadow:0 4px 12px #00000014,inset 0 1px #fffc;display:inline-flex;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-md);position:relative}.hero__badge:before{background:linear-gradient(135deg,var(--color-primary),var(--color-success));border-radius:var(--radius-full);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero__badge-dot{animation:pulse 2s infinite;background:var(--color-success);border-radius:50%;height:8px;width:8px}.hero__badge-text{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.hero__badge-link{align-items:center;color:inherit;display:inline-flex;gap:var(--space-xs);text-decoration:none;transition:opacity .2s ease}.hero__badge-link:hover{opacity:.8}.hero__title{background:linear-gradient(135deg,#2563eb,#3b82f6 25%,#1e40af,#3730a3 75%,#2563eb);-webkit-background-clip:text;background-size:200% 200%;font-size:clamp(2rem,4.5vw,4rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin:0 auto var(--space-lg);max-width:1000px;padding:0 var(--space-lg);-webkit-text-fill-color:transparent;animation:fadeInUp .8s ease-out .2s backwards,shimmer 3s ease-in-out infinite;background-clip:text;position:relative;text-shadow:0 0 40px rgba(59,130,246,.3);text-wrap:balance;text-wrap:pretty;z-index:1}.hero__title:before{background:var(--gradient-primary);-webkit-background-clip:text;content:attr(data-text);inset:0;position:absolute;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.5;z-index:-1}.hero__subtitle{animation:fadeInUp .8s ease-out .1s backwards;color:var(--color-text-light);font-size:clamp(1.125rem,2vw,1.25rem);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin:0 auto var(--space-lg);max-width:900px;padding:0 var(--space-lg);text-align:center;text-wrap:balance;width:100%}.hero__description{animation:fadeInUp .8s ease-out .4s backwards;color:var(--color-text-light);font-size:clamp(1.125rem,2vw,1.25rem);line-height:var(--line-height-relaxed);margin:0 auto var(--space-xl);max-width:800px;position:relative;text-wrap:balance;z-index:1}.hero__description code{background:var(--color-primary-lighter);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary-dark);font-family:var(--font-family-mono);font-size:.9em;padding:var(--space-xs) var(--space-sm);white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__actions{animation:fadeInUp .8s ease-out .6s backwards;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);position:relative;z-index:1}.hero__action{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;transform:translateZ(0);transition:all var(--transition-base)}.hero__action-icon{animation:bounce 2s infinite;display:inline-flex;font-size:1.25em}@media (max-width:767px){.hero{padding:var(--space-lg) var(--space-md) var(--space-xl)}.hero__subtitle{font-size:var(--font-size-base);padding:0 var(--space-md)}.hero__description{padding:0 var(--space-md)}.hero__actions{flex-direction:column;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.hero__action{justify-content:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.hero__title{font-size:2.25rem;letter-spacing:-.02em;line-height:1.15;max-width:700px;padding:0 var(--space-lg)}}@media (width:768px){.hero__title{font-size:2.1rem;padding:0 var(--space-md)}}@media (min-width:768px) and (max-width:820px){.hero__title{font-size:2.2rem}}@media (min-width:1024px){.hero{padding:var(--space-2xl) 0 var(--space-2xl)}.hero__title{font-size:clamp(3rem,5vw,4.5rem)}}.dark-mode .hero{background:var(--color-bg)}.dark-mode .hero:before{opacity:.08}.dark-mode .hero__badge{background:#0000004d;border-color:#fff3;box-shadow:0 2px 8px #0003}.dark-mode .hero__description code{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-primary-light)}.container--narrow{margin:0 auto;max-width:900px;padding:0 var(--container-padding)}.container--narrow .hero__title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-md)}.container--narrow .hero__description{color:var(--color-text);font-size:var(--font-size-lg);opacity:.9}.workflow-section{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border-radius:var(--radius-2xl);margin:var(--space-4xl) 0;overflow:hidden;padding:var(--space-3xl);position:relative}.workflow-section:before{background:radial-gradient(circle,var(--color-primary-lighter) 0,transparent 60%);content:"";height:300px;opacity:.1;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:300px}.workflow-title{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2xl);text-align:center;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.workflow-note{color:var(--color-text-light);font-size:var(--font-size-lg);font-style:italic;margin-top:var(--space-xl);position:relative;text-align:center;z-index:1}@keyframes slide{0%{transform:translate(0)}to{transform:translate(28px)}}.journey{margin:var(--space-3xl) 0}.journey__step-number{animation:pulse 3s ease-in-out infinite;flex-shrink:0;font-size:3rem;line-height:1}.journey__step-content{flex:1}.journey__step-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-sm)}.journey__step-description{color:var(--color-text-light);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.journey__step-action{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);text-decoration:none;transition:all var(--transition-base)}.journey__step-action:hover{box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:var(--hover-lift-standard)}.journey__arrow{color:var(--color-primary);flex-shrink:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);opacity:.5}.faq{margin:var(--space-4xl) 0}.faq__title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2xl);text-align:center}.faq__list{margin:0 auto;max-width:800px}.faq__item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden;transition:all var(--transition-base)}.faq__item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.faq__question{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);justify-content:space-between;list-style:none;padding:var(--space-lg);position:relative;transition:all var(--transition-base)}.faq__question::-webkit-details-marker{display:none}.faq__question::marker{display:none}.faq__question:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.faq__question:after{color:var(--color-primary);content:"+";font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);line-height:1;transition:transform var(--transition-base)}.faq__item[open] .faq__question:after{transform:rotate(45deg)}.faq__answer{animation:fadeIn .3s ease-out;color:var(--color-text-light);line-height:var(--line-height-relaxed);padding:0 var(--space-lg) var(--space-lg)}.faq__answer p{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.workflow-section{border-radius:0;margin:var(--space-2xl) -var(--container-padding);padding:var(--space-xl)}.workflow-title{font-size:var(--font-size-xl)}}.dark-mode .container--narrow .hero__title{color:#fff;-webkit-text-fill-color:#fff}.dark-mode .container--narrow .hero__description{color:#ffffffe6}.dark-mode .workflow-section{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,#0f172a 100%)}.dark-mode .journey__step{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .journey__step:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.dark-mode .faq__item{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .faq__question:hover{background:var(--color-bg-tertiary)}h2{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:var(--space-4xl) 0 var(--space-2xl);padding-left:var(--space-lg);position:relative}h2 span:first-child{background:var(--gradient-primary);border-radius:var(--radius-sm);height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.lesson-header{align-items:center;background:var(--gradient-primary);display:flex;margin-bottom:0;min-height:400px;overflow:hidden;padding:var(--space-4xl) 0 var(--space-3xl);position:relative}.lesson-header:before{background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.05) 0,transparent 50%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.2) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.lesson-header:after{background:linear-gradient(0deg,rgba(0,0,0,.1) 0,transparent);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.lesson-header.system-c64{background:var(--gradient-system-c64)}.lesson-header.system-spectrum{background:var(--gradient-system-spectrum)}.lesson-header.system-nes{background:var(--gradient-system-nes)}.lesson-header.system-amiga{background:var(--gradient-system-amiga)}.lesson-header.system-apple-ii{background:var(--gradient-system-apple-ii)}.lesson-header.system-atari-800{background:var(--gradient-system-atari-800)}.lesson-header.system-atari-2600{background:var(--gradient-system-atari-2600)}.lesson-breadcrumb{margin-bottom:var(--space-lg)}.lesson-breadcrumb-list{align-items:center;display:flex;gap:var(--space-sm)}.lesson-breadcrumb-link{color:#fffc;font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-base)}.lesson-breadcrumb-link:hover{color:#fff}.lesson-breadcrumb-separator{color:#fff9;font-size:var(--font-size-sm)}.lesson-header-content{align-items:center;display:flex;gap:var(--space-2xl);position:relative;z-index:1}.lesson-header-badge{align-items:center;animation:float 6s ease-in-out infinite;backdrop-filter:blur(12px);background:var(--gradient-glass);border:2px solid hsla(0,0%,100%,.4);border-radius:var(--radius-2xl);box-shadow:0 10px 40px #0003,inset 0 1px #ffffff4d;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;position:relative;width:80px}.lesson-header-badge.large{font-size:3.5rem;font-weight:var(--font-weight-extrabold);height:120px;width:120px}.lesson-header-badge.medium{font-size:2.5rem;font-weight:var(--font-weight-bold);height:100px;width:100px}.lesson-header-info{flex:1}.lesson-header-title{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin:0 0 var(--space-md) 0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.lesson-header-subtitle{color:#ffffffe6;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--space-lg) 0;max-width:600px}.lesson-header-meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.lesson-meta-badge{align-items:center;backdrop-filter:blur(8px);background:#fff3;border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-md)}.learning-path{margin:var(--space-4xl) 0;padding:var(--space-3xl) 0;position:relative}.learning-path:before{background:var(--gradient-border-primary);border-radius:var(--radius-full);content:"";height:3px;left:50%;position:absolute;top:0;transform:translate(-50%);width:100px}.learning-path-header{margin-bottom:var(--space-3xl);text-align:center}.learning-path-title{color:var(--color-text);display:inline-block;font-size:2.5rem;font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-lg);position:relative}.learning-path-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:60px}.learning-path-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:700px}.tier-cards{display:grid;gap:var(--space-2xl);position:relative}.tier-cards:before{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary) 20%,transparent 80%,transparent 100%);bottom:40px;content:"";left:47px;opacity:.2;position:absolute;top:40px;width:2px;z-index:0}.lesson-card{background:transparent;border-radius:var(--radius-xl);color:inherit;display:block;position:relative;text-decoration:none;transition:all var(--transition-base)}.lesson-card:hover{text-decoration:none}.lesson-card-disabled{cursor:default;opacity:.7;pointer-events:none}.lesson-card-disabled:hover{box-shadow:var(--shadow-md);transform:none}.lesson-card-header{align-items:center;background:var(--gradient-primary-subtle);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.lesson-card-header img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base);width:100%}.lesson-card:hover .lesson-card-header img{transform:scale(1.1)}.lesson-card-header>div{align-items:center;background:#ffffff1a;color:var(--color-primary);display:none;font-size:4rem;height:100%;justify-content:center;width:100%}.lesson-card-badge{background:#000c;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-xs) var(--space-md);position:absolute;right:var(--space-md);text-transform:uppercase;top:var(--space-md)}.lesson-card-body{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl)}.lesson-card-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.lesson-card-manufacturer{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.lesson-card-description{color:var(--color-text-light);display:-webkit-box;flex-grow:1;line-height:var(--line-height-relaxed);margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--space-md)}.lesson-card-specs{color:var(--color-text-lighter);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-xs)}.lesson-card-cta{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.lesson-card:hover .lesson-card-cta{transform:translate(3px)}.lesson-card-disabled .lesson-card-cta{background:var(--color-text-lighter);transform:none}.lesson-card.system-c64 .lesson-card-header{background:var(--gradient-system-c64)}.lesson-card.system-spectrum .lesson-card-header{background:var(--gradient-system-spectrum)}.lesson-card.system-nes .lesson-card-header{background:var(--gradient-system-nes)}.lesson-card.system-amiga .lesson-card-header{background:var(--gradient-system-amiga)}.tier-card-layout{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012,0 10px 15px #0000000d;display:flex;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.lesson-card:hover .tier-card-layout{box-shadow:0 10px 25px #0000001a,0 20px 40px #00000014;transform:var(--hover-lift-prominent)}.lesson-card-accent{background:var(--gradient-primary);transition:width .3s ease;width:6px}.lesson-card:hover .lesson-card-accent{width:8px}.tier-card-content{background:var(--gradient-light);flex:1;padding:var(--space-2xl)}.tier-card-header{align-items:flex-start;display:flex;gap:var(--space-2xl);justify-content:space-between;margin-bottom:var(--space-lg)}.tier-card-main{align-items:flex-start;display:flex;flex:1;gap:var(--space-xl)}.lesson-card-number{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026,inset 0 1px #fff3;color:#fff;display:flex;font-size:1.75rem;font-weight:var(--font-weight-extrabold);height:64px;justify-content:center;position:relative;width:64px}.lesson-card-number:after{background:var(--gradient-primary);border-radius:var(--radius-xl);content:"";filter:blur(8px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.lesson-card:hover .lesson-card-number:after{opacity:.4}.tier-card-info{flex:1}.tier-card-title{color:var(--color-text);font-size:1.375rem;font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--space-sm) 0}.tier-card-description{color:var(--color-text-secondary);font-size:.95rem;line-height:var(--line-height-relaxed);margin:0 0 var(--space-lg) 0}.tier-card-concepts{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tier-card-action{flex-shrink:0}.tier-card-footer{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);gap:var(--space-lg);margin-top:var(--space-lg)}.tier-card-separator{color:var(--color-text-light)}.tier-concept-badge{backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);padding:6px 12px;transition:all .2s ease}.tier-game-project{background:var(--gradient-hero-ocean);border:2px solid #3b82f6;border-radius:var(--radius-xl);box-shadow:0 4px 12px #3b82f626;margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.tier-game-project:before{background:var(--gradient-phase-1);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tier-game-project-icon{background:var(--gradient-phase-1);border-radius:var(--radius-lg);box-shadow:0 4px 12px #3b82f64d;font-size:2rem;height:72px;width:72px}.tier-game-project-title{color:#1e40af;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.tier-game-project-description{line-height:var(--line-height-relaxed);margin:0 0 var(--space-lg) 0}.tier-game-project-meta{gap:var(--space-lg)}.tier-game-project-badge{align-items:center;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);padding:8px 16px}.tier-lessons-header{margin-bottom:var(--space-2xl)}.tier-lessons-title{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}.tier-lessons-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7;max-width:672px}.tier-lesson-cards{gap:var(--space-lg)}.tier-lesson-card{border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;display:flex;transition:all .3s ease}.tier-lesson-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0000001f}.tier-concepts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tier-concept-badge{backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fffffff2;font-size:.875rem;padding:.25rem .625rem;transition:all .3s ease}.tier-concept-badge:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;transform:var(--hover-lift-subtle)}.tier-content-section,.tier-lessons-section{margin-bottom:3rem}.tier-lessons-header{margin-bottom:2rem;text-align:center}.tier-lessons-title{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:1rem}.tier-lessons-description{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:42rem}.tier-lesson-cards{display:grid;gap:1rem}.tier-lesson-card{background:#fff;border-radius:var(--radius-xl);box-shadow:0 1px 3px #00000014;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-lesson-card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000a;transform:var(--hover-lift-standard)}.tier-lesson-card-layout{display:flex}.tier-lesson-card-accent{background:var(--system-primary);transition:width .3s ease;width:4px}.tier-lesson-card:hover .tier-lesson-card-accent{width:6px}.tier-lesson-card-content{flex:1;padding:1.25rem}.tier-lesson-card-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.tier-lesson-card-main{align-items:flex-start;display:flex;flex:1;gap:1.25rem}.tier-lesson-card-number{align-items:center;background:var(--system-light);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--system-primary);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.tier-lesson-card:hover .tier-lesson-card-number{box-shadow:var(--shadow-md);transform:scale(1.05)}.tier-lesson-card-info{flex:1}.tier-lesson-card-title{color:var(--system-primary);font-size:1.125rem;font-weight:600;margin:0 0 .375rem;transition:color .3s ease}.tier-lesson-card:hover .tier-lesson-card-title{color:var(--system-dark)}.tier-lesson-card-description{color:#475569;font-size:.9375rem;line-height:1.5;margin:0 0 .75rem}.tier-lesson-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tier-lesson-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.8125rem;gap:.25rem;padding:.25rem .5rem}.tier-lesson-badge.duration{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:#64748b}.tier-lesson-badge.difficulty{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#d97706}.tier-lesson-badge.exercise{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.tier-lesson-card-footer{color:#94a3b8;font-size:.8125rem;margin-top:.75rem}.tier-lesson-card-action{flex-shrink:0}.tier-lesson-start-button{background:var(--system-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.tier-lesson-card:hover .tier-lesson-start-button{background:var(--system-dark);box-shadow:0 4px 8px #00000026;transform:translate(2px)}.tier-game-project{background:var(--system-light);border:2px solid var(--system-primary);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.tier-game-project-layout{align-items:flex-start;display:flex;gap:1.5rem}.tier-game-project-icon{align-items:center;animation:pulse 2s infinite;background:var(--system-primary);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.tier-game-project-info{flex:1}.tier-game-project-title{color:var(--system-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.tier-game-project-description{color:#475569;font-size:1.125rem;line-height:1.6;margin:0 0 1rem}.tier-game-project-meta{align-items:center;display:flex;gap:1rem}.tier-game-project-badge{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.875rem;padding:.375rem .75rem}.game-project{background:var(--gradient-hero-ocean);border:2px solid #0ea5e9;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0ea5e91a;margin-top:var(--space-xl);overflow:hidden;padding:var(--space-xl);position:relative}.game-project:before{background:var(--gradient-info);content:"";height:4px;left:0;position:absolute;right:0;top:0}.game-project-header{align-items:flex-start;display:flex;gap:var(--space-lg)}.game-project-icon{animation:pulse 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.game-project-info{flex:1}.game-project-title{color:#0369a1;font-size:1.125rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.game-project-description{color:#475569;font-size:.925rem;line-height:1.5;margin:0}.concept-pill{background:var(--gradient-light);border:1px solid #e2e8f0;border-radius:var(--radius-full);color:#475569;display:inline-block;font-size:.8125rem;font-weight:var(--font-weight-medium);padding:6px 14px;transition:all .2s ease;white-space:nowrap}.concept-pill:hover{background:var(--gradient-gray);box-shadow:var(--shadow-sm);transform:var(--hover-lift-subtle)}.lesson-nav-button{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:.925rem;font-weight:var(--font-weight-semibold);gap:var(--space-sm);overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.lesson-nav-button.primary{background:var(--gradient-info);box-shadow:0 4px 6px #2563eb33,0 1px 3px #00000014;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lesson-nav-button.primary:before{background:var(--gradient-shimmer);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.lesson-nav-button.primary:hover{box-shadow:0 8px 12px #2563eb40,0 3px 6px #0000001a;transform:var(--hover-lift-angle)}.lesson-nav-button.primary:hover:before{left:100%}.lesson-content-wrapper{margin-bottom:var(--space-4xl)}.lessons-features{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative;z-index:1}.lessons-feature{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-2xl);text-align:center;transition:all var(--transition-base)}.lessons-feature:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.lessons-feature-icon{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--space-lg);overflow:hidden;position:relative;width:80px}.lessons-feature-icon.blue{background:var(--gradient-info);box-shadow:0 10px 25px #3b82f64d}.lessons-feature-icon.red{background:var(--gradient-error);box-shadow:0 10px 25px #ef44444d}.lessons-feature-icon.amber{background:var(--gradient-warning);box-shadow:0 10px 25px #f59e0b4d}.lessons-feature-icon span{animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lessons-feature h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.lessons-feature p{color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0}.tier-lesson-badge.code{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6}@media (max-width:767px){.lesson-card-header{height:150px}.lesson-card-body{gap:var(--space-sm);padding:var(--space-lg)}.lesson-card-title{font-size:var(--font-size-lg)}.lesson-card-footer{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.lessons-features{gap:var(--space-lg);grid-template-columns:1fr}.lessons-feature{padding:var(--space-lg)}.lessons-feature-icon{font-size:2rem;height:60px;width:60px}}.dark-mode .lesson-card{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.dark-mode .lesson-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.dark-mode .lesson-card-footer{border-color:var(--color-border)}.dark-mode .lessons-feature{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.dark-mode .lessons-feature:hover{border-color:var(--color-primary)}.dark-mode .tier-card-layout{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:0 4px 6px #0003,0 10px 15px #00000026}.dark-mode .lesson-card:hover .tier-card-layout{border-color:var(--color-primary);box-shadow:0 10px 25px #0000004d,0 20px 40px #0003}.dark-mode .tier-card-content{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%)}.dark-mode .lesson-card-number{background:var(--gradient-primary);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.dark-mode .tier-card-title{color:var(--color-text)}.dark-mode .tier-card-description{color:var(--color-text-secondary)}.dark-mode .game-project{background:linear-gradient(135deg,#0ea5e91a,#0ea5e90d);border:2px solid rgba(14,165,233,.5);box-shadow:0 4px 12px #0ea5e926}.dark-mode .game-project:before{background:linear-gradient(90deg,#0ea5e9cc,#0284c7cc)}.dark-mode .game-project-title{color:#38bdf8}.dark-mode .game-project-description{color:var(--color-text-secondary)}.dark-mode .concept-pill{background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%);border:1px solid var(--color-border);color:var(--color-text-secondary)}.dark-mode .concept-pill:hover{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.dark-mode .lesson-nav-button.primary{background:var(--gradient-primary);box-shadow:0 4px 6px #0000004d,0 1px 3px #0003}.dark-mode .lesson-nav-button.primary:hover{box-shadow:0 8px 12px #0006,0 3px 6px #0000004d}.dark-mode .learning-path-title{color:var(--color-text)}.dark-mode .learning-path-description{color:var(--color-text-secondary)}.dark-mode .tier-cards:before{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary) 20%,transparent 80%,transparent 100%);opacity:.3}.dark-mode .tier-card-footer,.dark-mode .tier-card-separator{color:var(--color-text-secondary)}.dark-mode .lesson-header-badge{background:linear-gradient(135deg,#ffffff26,#ffffff14);border:2px solid hsla(0,0%,100%,.2);box-shadow:0 10px 40px #0006,inset 0 1px #ffffff1a}.dark-mode .lesson-prose,.dark-mode .lesson-prose h1,.dark-mode .lesson-prose h2,.dark-mode .lesson-prose h3{color:var(--color-text)}.dark-mode .tier-concept-badge{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:#ffffffe6}.dark-mode .tier-concept-badge:hover{background:#ffffff14;box-shadow:0 2px 8px #0000004d}.dark-mode .tier-game-project{background:linear-gradient(135deg,rgba(var(--system-rgb),.05) 0,rgba(var(--system-rgb),.02));border:2px solid rgba(var(--system-rgb),.3);box-shadow:var(--shadow-md)}.dark-mode .tier-game-project-icon{background:linear-gradient(135deg,var(--system-primary) 0,var(--system-dark) 100%);box-shadow:0 4px 12px #0000004d}.dark-mode .tier-game-project-title{color:var(--system-light)}.dark-mode .tier-game-project-description{color:var(--color-text-secondary)}.dark-mode .tier-game-project-badge{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:var(--color-text-secondary)}.dark-mode .tier-lessons-title{color:var(--color-text)}.dark-mode .tier-lessons-description{color:var(--color-text-secondary)}.dark-mode .tier-lesson-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.05);box-shadow:0 2px 8px #0003}.dark-mode .tier-lesson-card:hover{background:linear-gradient(135deg,#334155f2,#1e293bfa);border-color:rgba(var(--system-rgb),.2);box-shadow:0 8px 24px #0000004d,0 2px 8px rgba(var(--system-rgb),.2);transform:translateY(-3px)}.dark-mode .tier-lesson-card-accent{background:linear-gradient(180deg,var(--system-primary) 0,var(--system-dark) 100%)}.dark-mode .tier-lesson-card-number{background:linear-gradient(135deg,rgba(var(--system-rgb),.15) 0,rgba(var(--system-rgb),.08));border:1px solid rgba(var(--system-rgb),.2);box-shadow:var(--shadow-sm);color:var(--system-light)}.dark-mode .tier-lesson-card:hover .tier-lesson-card-number{background:linear-gradient(135deg,rgba(var(--system-rgb),.2) 0,rgba(var(--system-rgb),.1));box-shadow:0 4px 8px #0000004d}.dark-mode .tier-lesson-card-title{color:var(--system-light)}.dark-mode .tier-lesson-card:hover .tier-lesson-card-title{color:var(--system-lighter)}.dark-mode .tier-lesson-card-description{color:var(--color-text-secondary)}.dark-mode .tier-lesson-badge.duration{background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:#cbd5e1}.dark-mode .tier-lesson-badge.difficulty{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.dark-mode .tier-lesson-badge.code{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.dark-mode .tier-lesson-badge.exercise{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.dark-mode .tier-lesson-card-footer{color:var(--color-text-muted)}.dark-mode .tier-lesson-start-button{background:linear-gradient(135deg,var(--system-primary) 0,var(--system-dark) 100%);box-shadow:0 2px 8px #0000004d}.dark-mode .tier-lesson-card:hover .tier-lesson-start-button{background:linear-gradient(135deg,var(--system-lighter) 0,var(--system-primary) 100%);box-shadow:0 4px 12px #0006}.lesson-header__content{align-items:flex-start;display:flex;gap:var(--space-2xl);padding:var(--space-3xl) 0}.lesson-header__number{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003,inset 0 2px 4px #fff3;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:var(--font-weight-bold);height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.lesson-header__number:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.lesson-header__info{flex:1}.lesson-header__title{color:#fff;font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--space-md) 0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.lesson-header__description{color:#ffffffe6;font-size:1.125rem;line-height:1.6;margin:0 0 var(--space-lg) 0;max-width:48rem}.lesson-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.lesson-meta{align-items:center;backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:all .3s ease}.lesson-meta:hover{background:#ffffff26;box-shadow:var(--shadow-md);transform:var(--hover-lift-subtle)}.lesson-meta--hardware{background:#ff6b6b26;border-color:#ff6b6b4d}.lesson-meta--software{background:#4ecdc426;border-color:#4ecdc44d}.lesson-cards{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:var(--space-3xl) 0}.concepts-box,.objectives-box{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000000d,0 10px 15px #00000008;overflow:hidden;padding:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.concepts-box:hover,.objectives-box:hover{box-shadow:0 10px 20px #00000014,0 15px 30px #0000000d;transform:var(--hover-lift-standard)}.concepts-box__header,.objectives-box__header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.concepts-box__icon,.objectives-box__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.concepts-heading,.objectives-heading{color:var(--color-text);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0}.objectives-list{list-style:none;margin:0;padding:0}.objectives-item{align-items:flex-start;color:var(--color-text-secondary);display:flex;gap:var(--space-sm);line-height:1.6;padding:var(--space-sm) 0}.objectives-bullet{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:6px;margin-top:8px;width:6px}.concepts-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.concept-tag{background:var(--gradient-hero-ocean);border:1px solid #bae6fd;border-radius:var(--radius-full);color:#0369a1;font-size:.875rem;font-weight:var(--font-weight-medium);padding:8px 16px;transition:all .2s ease}.concept-tag:hover{background:var(--gradient-info);box-shadow:0 4px 8px #0369a11a;transform:var(--hover-lift-subtle)}.lesson-content{margin:var(--space-4xl) 0;min-height:400px}.lesson-prose{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.7;margin:0 auto;max-width:65ch}.lesson-prose h1,.lesson-prose h2,.lesson-prose h3,.lesson-prose h4{color:var(--color-text);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);margin-top:var(--space-2xl)}.lesson-prose h2{border-bottom:2px solid var(--color-border);font-size:1.75rem;padding-bottom:var(--space-sm)}.lesson-prose h3{font-size:1.375rem}.lesson-prose p{margin-bottom:var(--space-lg)}.lesson-prose code{background:var(--color-bg-secondary);border-radius:4px;color:#e11d48;font-size:.925em;padding:2px 6px}.lesson-prose pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-xl) 0;overflow-x:auto;padding:var(--space-lg)}.lesson-prose ol,.lesson-prose ul{margin:var(--space-lg) 0;padding-left:var(--space-xl)}.lesson-prose li{margin-bottom:var(--space-sm)}.nav-divider{border-top:1px solid var(--color-border);margin-top:var(--space-4xl);padding-top:var(--space-3xl)}.lesson-nav{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--space-3xl)}.lesson-nav__link{align-items:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-md);overflow:hidden;padding:var(--space-lg);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.lesson-nav__link:hover{border-color:var(--system-primary);box-shadow:0 8px 20px #00000014;transform:var(--hover-lift-standard)}.lesson-nav__link--prev{justify-content:flex-start}.lesson-nav__link--next{justify-content:flex-end;text-align:right}.lesson-nav__link--complete{background:var(--gradient-success);border-color:#86efac;grid-column:span 2;justify-content:center}.lesson-nav__link--complete:hover{background:var(--gradient-success);border-color:#4ade80}.lesson-nav__link span{color:var(--system-primary);font-size:1.5rem;transition:transform .3s ease}.lesson-nav__link--prev:hover span{transform:translate(-3px)}.lesson-nav__link--next:hover span{transform:translate(3px)}.lesson-nav__label{color:var(--color-text-muted);font-size:.875rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.lesson-nav__title{color:var(--color-text);font-size:1.0625rem;font-weight:var(--font-weight-medium)}.resources-section{background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-top:var(--space-3xl);padding:var(--space-2xl)}.resources-title{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xl) 0}.resources-list{display:grid;gap:var(--space-md)}.resource-link{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .3s ease}.resource-link:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014;transform:translate(4px)}.resource-info{align-items:center;display:flex;gap:var(--space-md)}.resource-icon{font-size:1.25rem}.resource-title{color:var(--color-text);font-size:1rem;font-weight:var(--font-weight-medium);margin-bottom:2px}.resource-type{color:var(--color-text-muted);font-size:.875rem}.resource-arrow{color:var(--color-primary);font-size:1.25rem;transition:transform .3s ease}.resource-link:hover .resource-arrow{transform:translate(2px,-2px)}@media (max-width:768px){.lesson-header__content{flex-direction:column;gap:var(--space-lg);text-align:center}.lesson-header__number{margin:0 auto}.lesson-header__meta{justify-content:center}.lesson-cards,.lesson-nav{grid-template-columns:1fr}.lesson-nav__link--complete{grid-column:span 1}}.dark-mode .lesson-header__number{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px #0006,inset 0 2px 4px #ffffff1a}.dark-mode .lesson-header__title{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.dark-mode .lesson-header__description{color:#ffffffd9}.dark-mode .lesson-meta{background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);color:#ffffffe6}.dark-mode .lesson-meta:hover{background:#ffffff1f;box-shadow:0 4px 8px #0000004d}.dark-mode .lesson-meta--hardware{background:#ff6b6b1f;border-color:#ff6b6b40}.dark-mode .lesson-meta--software{background:#4ecdc41f;border-color:#4ecdc440}.dark-mode .concepts-box,.dark-mode .objectives-box{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.1);box-shadow:var(--shadow-md)}.dark-mode .concepts-box:hover,.dark-mode .objectives-box:hover{border-color:rgba(var(--system-rgb),.2);box-shadow:0 10px 20px #0000004d,0 2px 8px rgba(var(--system-rgb),.1)}.dark-mode .concepts-heading,.dark-mode .objectives-heading{color:var(--color-text)}.dark-mode .objectives-item{color:var(--color-text-secondary)}.dark-mode .objectives-bullet{background:var(--system-primary)}.dark-mode .concept-tag{background:linear-gradient(135deg,#0ea5e91a,#0369a10d);border:1px solid rgba(14,165,233,.3);color:#38bdf8}.dark-mode .concept-tag:hover{background:linear-gradient(135deg,#0ea5e926,#0369a114);box-shadow:0 4px 8px #0ea5e933}.dark-mode .lesson-prose{color:var(--color-text-secondary)}.dark-mode .lesson-prose h1,.dark-mode .lesson-prose h2,.dark-mode .lesson-prose h3,.dark-mode .lesson-prose h4{color:var(--color-text)}.dark-mode .lesson-prose h2{border-bottom-color:#ffffff1a}.dark-mode .lesson-prose p{color:var(--color-text-secondary)}.dark-mode .lesson-prose code{background:#1e293b80;border:1px solid hsla(0,0%,100%,.05);color:#f472b6}.dark-mode .lesson-prose pre{background:#0f172acc;border:1px solid hsla(0,0%,100%,.1);box-shadow:var(--shadow-md)}.dark-mode .lesson-prose pre code{background:transparent;border:none;color:#e2e8f0}.dark-mode .nav-divider{border-top-color:#ffffff1a}.dark-mode .lesson-nav__link{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:2px solid hsla(0,0%,100%,.1)}.dark-mode .lesson-nav__link:hover{background:linear-gradient(135deg,#334155f2,#1e293bfa);border-color:var(--system-primary);box-shadow:0 8px 20px #0000004d}.dark-mode .lesson-nav__link--complete{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e4d}.dark-mode .lesson-nav__link--complete:hover{background:linear-gradient(135deg,#22c55e26,#16a34a14);border-color:#22c55e80}.dark-mode .lesson-nav__link span{color:var(--system-light)}.dark-mode .lesson-nav__label{color:var(--color-text-muted)}.dark-mode .lesson-nav__title{color:var(--color-text)}.dark-mode .resources-section{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.5) 100%);border:1px solid hsla(0,0%,100%,.05)}.dark-mode .resources-title{color:var(--color-text)}.dark-mode .resource-link{background:#1e293b80;border:1px solid hsla(0,0%,100%,.1)}.dark-mode .resource-link:hover{background:#33415580;border-color:var(--system-primary);box-shadow:0 4px 12px #0000004d}.dark-mode .resource-title{color:var(--color-text)}.dark-mode .resource-type{color:var(--color-text-muted)}.dark-mode .resource-arrow{color:var(--system-light)}.system-overview{padding:var(--space-4xl) 0}.system-hero-nav-arrow{margin:0 var(--space-sm)}.system-hero-nav-current{color:#fff}.system-hero-description{color:#ffffffe6;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-xl);max-width:600px}.system-hero-actions{display:flex;gap:var(--space-lg)}.system-hero-cta{backdrop-filter:blur(4px);background:#fff3;border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:background var(--transition-fast)}.system-hero-cta:hover{background:#ffffff4d}.system-hero-image{position:relative}.course-overview{margin-bottom:var(--space-4xl)}.course-overview-header{margin-bottom:var(--space-2xl);text-align:center}.course-overview-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}.course-overview-description{color:var(--color-text-light);font-size:var(--font-size-lg);margin:0 auto;max-width:640px}.course-stat-title{font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.course-stat-description{color:var(--color-text-light);font-size:var(--font-size-sm)}.phases-section{margin-bottom:var(--space-4xl)}.phases-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2xl)}.phase-card-layout{display:flex}.phase-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.phase-card-main{align-items:center;display:flex;gap:var(--space-lg)}.phase-card-info{flex:1}.phase-card-description{color:var(--color-text-light)}.phase-card-progress-bar{height:8px;width:128px}.phase-card-progress-fill{height:8px}.course-development{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4xl);text-align:center}.course-development-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-lg);width:64px}.course-development-icon-emoji{font-size:var(--font-size-xl)}.course-development-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.course-development-description{color:var(--color-text-light);margin-bottom:var(--space-xl)}.course-development-cta{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;display:inline-block;font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-base)}.course-development-cta:hover{box-shadow:var(--shadow-lg);transform:var(--hover-lift-standard)}.system-hero{margin-bottom:0;overflow:hidden;position:relative}.system-hero-gradient{background:var(--gradient-primary);min-height:500px;padding:var(--space-4xl) 0;position:relative}.system-hero-overlay{background:var(--gradient-overlay-light);inset:0;pointer-events:none;position:absolute}.system-hero-content{align-items:center;display:flex;min-height:400px;position:relative;z-index:1}.grid-2{align-items:center;display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr}.system-hero-nav{align-items:center;display:flex;font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.system-hero-nav a{color:#fffc;text-decoration:none;transition:color var(--transition-base)}.system-hero-nav a:hover{color:#fff}.system-hero-title{color:#fff;font-size:clamp(2.5rem,4vw,4rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--space-lg);text-shadow:0 2px 10px rgba(0,0,0,.3)}.system-hero-subtitle{color:#ffffffe6;display:block;font-size:.6em;font-weight:var(--font-weight-semibold);margin-top:var(--space-sm);text-shadow:0 2px 10px rgba(0,0,0,.3)}.system-hero-specs{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.system-spec-badge{backdrop-filter:blur(8px);background:#fff3;border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md)}.system-hero img{border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000004d;display:block;height:auto;margin-left:auto;max-width:400px;width:100%}.course-stats{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-4xl)}.course-stat-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition-base)}.course-stat-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.course-stat-icon{align-items:center;border-radius:var(--radius-xl);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--space-lg);overflow:hidden;position:relative;width:80px}.course-stat-icon:before{background:inherit;content:"";inset:0;opacity:.1;position:absolute;transform:scale(1.5)}.course-stat-icon span{animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;z-index:1}.course-stat-icon.blue{background:var(--gradient-phase-1);box-shadow:0 10px 25px #3b82f64d}.course-stat-icon.amber{background:var(--gradient-phase-2);box-shadow:0 10px 25px #f59e0b4d}.course-stat-icon.red{background:var(--gradient-phase-3);box-shadow:0 10px 25px #ef44444d}.phase-list{display:flex;flex-direction:column;gap:var(--space-lg)}.phase-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:inherit;overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.phase-card:hover{box-shadow:var(--shadow-xl);text-decoration:none;transform:translateY(-3px) scale(1.01)}.phase-card-disabled{cursor:default;opacity:.7;pointer-events:none}.phase-card-disabled:hover{box-shadow:var(--shadow-md);transform:none}.phase-card-accent{background:var(--gradient-primary);min-height:100%;width:6px}.phase-card-accent.system-c64{background:var(--gradient-system-c64-vertical)}.phase-card-accent.system-spectrum{background:var(--gradient-system-spectrum-vertical)}.phase-card-accent.system-nes{background:var(--gradient-system-nes-vertical)}.phase-card-content{flex:1;padding:var(--space-2xl)}.phase-card-number{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:60px;justify-content:center;width:60px}.phase-card-number.system-c64{background:var(--gradient-system-c64)}.phase-card-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-sm)}.phase-card-meta{align-items:center;color:var(--color-text-light);display:flex;font-size:var(--font-size-sm);gap:var(--space-lg)}.phase-card-difficulty-item{align-items:center;display:flex;gap:var(--space-xs)}.phase-card-action-right{text-align:right}.phase-card-coming-soon{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg)}.phase-card-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.phase-card-footer{align-items:center;display:flex;justify-content:space-between}.phase-card-phase-number{color:var(--color-text-light);font-size:var(--font-size-sm)}.phase-card-progress-section{align-items:center;display:flex;gap:var(--space-sm)}.phase-card-progress-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);height:.5rem;width:8rem}.phase-card-progress-fill{background:#10b981;border-radius:var(--radius-full);height:.5rem;width:0}.phase-card-progress-text{color:var(--color-text-light);font-size:var(--font-size-sm)}.phase-card-development-text{color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic}.phase-card-cta{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.phase-card-cta.system-c64{background:var(--gradient-system-c64)}.phase-card:hover .phase-card-cta{transform:translate(3px)}@media (max-width:767px){.system-hero-gradient{min-height:auto;padding:var(--space-3xl) 0}.grid-2{gap:var(--space-xl);grid-template-columns:1fr;text-align:center}.system-hero-title{font-size:var(--font-size-2xl)}.system-hero-specs{justify-content:center}.system-hero img{max-width:300px}.course-stats{gap:var(--space-lg);grid-template-columns:1fr}.course-stat-card{padding:var(--space-lg)}.course-stat-icon{font-size:2rem;height:60px;width:60px}.phase-card-content{padding:var(--space-lg)}.phase-card-number{font-size:var(--font-size-lg);height:50px;width:50px}}@media (min-width:768px) and (max-width:1023px){.grid-2{gap:var(--space-2xl)}.system-hero-title{font-size:var(--font-size-3xl)}}.dark-mode .course-stat-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .course-stat-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.dark-mode .phase-card{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark-mode .phase-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.full-width-section--primary .section-header__title,.full-width-section--primary .section-header__subtitle,.full-width-section--primary .section-header__description{color:#fff!important}:root{--vault-blue:#3b82f6;--vault-green:#10b981;--vault-purple:#8b5cf6;--vault-amber:#f59e0b;--vault-red:#ef4444;--vault-cyan:#06b6d4;--hover-lift-subtle:translateY(-1px);--hover-lift-standard:translateY(-2px);--hover-lift-prominent:translateY(-4px);--hover-lift-angle:translateY(-2px) translateX(2px)}.vault-container{min-height:100vh;padding:var(--space-4xl) 0 0 0}.vault-container:has(.full-width-section--connect-footer){padding-bottom:0}.vault-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:var(--space-3xl) 0}.vault-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000000d,0 10px 15px #00000008;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.vault-card:hover{box-shadow:0 20px 40px #0000001f,0 10px 20px #00000014;transform:var(--hover-lift-prominent)}.vault-card:before{background:var(--vault-card-color,var(--color-primary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.vault-card:hover:before{opacity:1}.vault-card__header{align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding:var(--space-xl);position:relative}.vault-card__header:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 60%);content:"";height:200%;position:absolute;right:-25%;top:-50%;width:50%}.vault-card__icon{animation:pulse 2s infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:2.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.vault-card__count{backdrop-filter:blur(10px);background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-full);color:var(--color-text);font-size:.875rem;font-weight:var(--font-weight-semibold);padding:6px 12px}.vault-card__body{flex:1;padding:var(--space-xl)}.vault-card__title{color:var(--color-text);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.vault-card__description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 var(--space-lg) 0}.vault-card__examples{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:auto;padding:var(--space-md)}.vault-card__examples-label{color:var(--color-text-muted);display:block;font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.vault-card__examples-list{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.vault-card__footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-xl)}.vault-card__action{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.925rem;font-weight:var(--font-weight-medium);gap:var(--space-xs);transition:gap .3s ease}.vault-card:hover .vault-card__action{gap:var(--space-md)}.featured-section{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);margin:var(--space-4xl) 0;overflow:hidden;padding:var(--space-4xl) 0;position:relative}.featured-section:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";height:1px;left:-50%;position:absolute;right:-50%;top:0}.connection-examples{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-3xl)}.connection-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl);transition:all .3s ease}.connection-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:var(--hover-lift-standard)}.connection-card h4{color:var(--color-text);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0}.connection-flow{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);margin:var(--space-lg) 0;overflow-x:auto;padding:var(--space-md);white-space:nowrap}.connection-node{background:linear-gradient(135deg,var(--color-primary-lighter) 0,var(--color-primary) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;font-size:.875rem;font-weight:var(--font-weight-medium);padding:6px 12px;transition:all .2s ease}.connection-node:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.connection-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.25rem}.connection-card p{color:var(--color-text-secondary);font-size:.925rem;line-height:1.5;margin:var(--space-md) 0 0 0}.dark-mode .vault-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.1);box-shadow:var(--shadow-md)}.dark-mode .vault-card:hover{border-color:var(--vault-card-color,var(--color-primary));box-shadow:0 20px 40px #0000004d,0 10px 20px #0003}.dark-mode .vault-card__count{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:var(--color-text)}.dark-mode .vault-card__title{color:var(--color-text)}.dark-mode .vault-card__description{color:var(--color-text-secondary)}.dark-mode .vault-card__examples{background:#1e293b80;border:1px solid hsla(0,0%,100%,.05)}.dark-mode .vault-card__examples-label{color:var(--color-text-muted)}.dark-mode .vault-card__examples-list{color:var(--color-text-secondary)}.dark-mode .vault-card__footer{background:#0f172a80;border-top-color:#ffffff1a}.dark-mode .vault-card__action{color:var(--color-primary-lighter)}.dark-mode .featured-section{background:linear-gradient(135deg,#1e293b80,#0f172acc)}.dark-mode .connection-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0,rgba(30,41,59,.95) 100%);border:1px solid hsla(0,0%,100%,.1);box-shadow:var(--shadow-md)}.dark-mode .connection-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.dark-mode .connection-card h4{color:var(--color-text)}.dark-mode .connection-flow{background:#0f172a80;border:1px solid hsla(0,0%,100%,.05)}.dark-mode .connection-node{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-darker) 100%);box-shadow:0 2px 8px #0000004d}.dark-mode .connection-arrow{color:var(--color-text-muted)}.dark-mode .connection-card p{color:var(--color-text-secondary)}@media (max-width:768px){.vault-grid,.connection-examples{grid-template-columns:1fr}.connection-flow{padding:var(--space-sm)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.vault-category-container{min-height:60vh;padding:2rem 0 4rem}.vault-category-container .container{margin:0 auto;max-width:1200px;padding:0 1rem}.vault-category-info-section{background:var(--color-bg-secondary);border-radius:12px;margin-top:4rem;padding:2rem}.vault-category-info-section h2{color:var(--color-text);font-size:1.75rem;margin-bottom:1rem}.vault-category-info-section p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.vault-stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:2rem 0}.vault-stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;text-align:center}.vault-stat-number{color:var(--color-primary);display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.vault-stat-label{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.vault-contribute-section{background:var(--color-bg);border-left:4px solid var(--color-primary);border-radius:8px;margin-top:2rem;padding:1.5rem}.vault-contribute-section h3{color:var(--color-text);font-size:1.25rem;margin-bottom:.75rem}.vault-contribute-section p{color:var(--color-text-secondary);font-size:1rem;margin:0}.vault-contribute-section a{color:var(--color-primary);font-weight:500;text-decoration:none}.vault-contribute-section a:hover{text-decoration:underline}.dark-mode .vault-category-info-section{background:#1e293b80}.dark-mode .vault-stat-card{background:#1e293bcc;border-color:#ffffff1a}.dark-mode .vault-contribute-section{background:#1e293bcc}@media (max-width:768px){.vault-category-container .container{padding:0 .5rem}.vault-category-info-section{padding:1.5rem}.vault-stats-grid{grid-template-columns:repeat(2,1fr)}}.vault-entry-content{margin:0 auto;max-width:800px}.entry-metadata{background:var(--color-bg-secondary);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.metadata-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{color:var(--color-text-muted);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:var(--color-text);font-size:1rem;font-weight:500}.entry-tags{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1rem}.tags-label{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--color-primary);border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.entry-main-content{font-size:1.1rem;line-height:1.8}.entry-main-content :global(h1){color:var(--color-text);font-size:2.5rem;margin:0 0 1.5rem}.entry-main-content :global(h2){border-bottom:2px solid var(--color-primary);color:var(--color-text);font-size:2rem;margin:2rem 0 1rem;padding-bottom:.5rem}.entry-main-content :global(h3){color:var(--color-text);font-size:1.5rem;margin:1.5rem 0 .75rem}.entry-main-content :global(p){color:var(--color-text-secondary);margin-bottom:1.25rem}.entry-main-content :global(ol),.entry-main-content :global(ul){margin-bottom:1.25rem;padding-left:1.5rem}.entry-main-content :global(li){color:var(--color-text-secondary);margin-bottom:.5rem}.entry-main-content :global(code){background:var(--color-bg-secondary);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.9em;padding:.125rem .25rem}.entry-main-content :global(blockquote){background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.back-navigation{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.back-link{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--color-primary);display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-link:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);transform:translate(-4px)}.dark-mode .entry-metadata{background:#1e293b80}.dark-mode .entry-tags{border-color:#ffffff1a}.dark-mode .back-link:hover{background:#1e293bcc}@media (max-width:768px){.metadata-grid{grid-template-columns:1fr}.entry-tags{align-items:flex-start;flex-direction:column}.entry-main-content :global(h1){font-size:2rem}.entry-main-content :global(h2){font-size:1.5rem}}svg[data-astro-cid-patnjmll]{display:inline-block;flex-shrink:0;vertical-align:middle}