.hero[data-astro-cid-b4mckdvt]{min-height:280px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero[data-astro-cid-b4mckdvt]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.hero-effects[data-astro-cid-b4mckdvt]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-shape[data-astro-cid-b4mckdvt]{position:absolute;border-radius:50%;background:var(--accent-color);opacity:.15;filter:blur(40px)}.shape-1[data-astro-cid-b4mckdvt]{width:200px;height:200px;top:-50px;left:10%;animation:float-1 8s ease-in-out infinite}.shape-2[data-astro-cid-b4mckdvt]{width:150px;height:150px;bottom:-30px;right:15%;animation:float-2 10s ease-in-out infinite}.shape-3[data-astro-cid-b4mckdvt]{width:100px;height:100px;top:50%;right:25%;animation:float-3 12s ease-in-out infinite}@keyframes float-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.1)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.15)}}@keyframes float-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-15px) scale(1.05)}}.hero-grid[data-astro-cid-b4mckdvt]{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.hero-scanlines[data-astro-cid-b4mckdvt]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.hero-beam[data-astro-cid-b4mckdvt]{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent-color) 10%,transparent 90%),transparent);animation:scanline-beam 8s ease-in-out infinite}@keyframes scanline-beam{0%,to{left:-50%;opacity:0}50%{left:100%;opacity:1}}@media (prefers-reduced-motion: reduce){.hero-shape[data-astro-cid-b4mckdvt],.hero-beam[data-astro-cid-b4mckdvt]{animation:none}}.hero-content[data-astro-cid-b4mckdvt]{max-width:900px;margin:0 auto;position:relative;z-index:1;color:#fff;padding:var(--space-12) var(--space-4)}.meta-row[data-astro-cid-b4mckdvt]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.platform-badge[data-astro-cid-b4mckdvt]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:color-mix(in oklab,var(--platform-color) 25%,rgba(0,0,0,.3) 75%);border:1px solid var(--platform-color);color:var(--platform-color);border-radius:.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.platform-badge[data-astro-cid-b4mckdvt]:hover{background:color-mix(in oklab,var(--platform-color) 35%,rgba(0,0,0,.3) 65%);transform:translateY(-1px)}.category-badge[data-astro-cid-b4mckdvt]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:.25rem;font-size:.8rem;color:#ffffffe6;text-decoration:none;transition:all var(--transition-base)}.category-badge[data-astro-cid-b4mckdvt]:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-1px)}.difficulty-badge[data-astro-cid-b4mckdvt]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:color-mix(in oklab,var(--difficulty-color) 25%,rgba(0,0,0,.3) 75%);border:1px solid var(--difficulty-color);color:var(--difficulty-color);border-radius:.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.difficulty-badge[data-astro-cid-b4mckdvt]:hover{background:color-mix(in oklab,var(--difficulty-color) 35%,rgba(0,0,0,.3) 65%);transform:translateY(-1px)}.hero-title[data-astro-cid-b4mckdvt]{font-size:clamp(1.75rem,4vw,2.5rem);margin:0 0 var(--space-3) 0;line-height:1.2;font-weight:900;letter-spacing:-.02em}.hero-summary[data-astro-cid-b4mckdvt]{font-size:1.125rem;color:#ffffffd9;margin:0;line-height:1.6;max-width:700px}.hero-tags[data-astro-cid-b4mckdvt]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tag[data-astro-cid-b4mckdvt]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;padding:var(--space-1) var(--space-3);font-size:.8rem;color:#ffffffbf}.tag[data-astro-cid-b4mckdvt].taught{background:color-mix(in oklab,var(--color-primary) 20%,rgba(0,0,0,.3) 80%);border-color:var(--color-primary);color:var(--color-primary)}.pattern-entry[data-astro-cid-b4mckdvt]{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12)}.content[data-astro-cid-b4mckdvt] h2{font-size:1.5rem;margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.content[data-astro-cid-b4mckdvt] h2:first-child{margin-top:0}.content[data-astro-cid-b4mckdvt] h3{font-size:1.125rem;margin-top:var(--space-6);margin-bottom:var(--space-3)}.content[data-astro-cid-b4mckdvt] p{margin-bottom:var(--space-4);line-height:1.7}.content[data-astro-cid-b4mckdvt] pre{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--platformColor);border-radius:.5rem;padding:var(--space-4);overflow-x:auto;margin:var(--space-4) 0;font-size:.875rem}.content[data-astro-cid-b4mckdvt] code{font-family:var(--font-family-mono);font-size:.9em}.content[data-astro-cid-b4mckdvt] ul,.content[data-astro-cid-b4mckdvt] ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.content[data-astro-cid-b4mckdvt] li{margin-bottom:var(--space-2);line-height:1.6}.content[data-astro-cid-b4mckdvt] table{width:100%;border-collapse:collapse;margin:var(--space-4) 0}.content[data-astro-cid-b4mckdvt] th,.content[data-astro-cid-b4mckdvt] td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}.content[data-astro-cid-b4mckdvt] th{background:var(--color-surface);font-weight:600}.content[data-astro-cid-b4mckdvt] strong{color:var(--color-text)}.content[data-astro-cid-b4mckdvt] a{color:var(--color-primary);text-decoration:underline}.content[data-astro-cid-b4mckdvt] a:hover{color:var(--color-accent)}@media (max-width: 768px){.hero-content[data-astro-cid-b4mckdvt]{padding:var(--space-8) var(--space-4)}.pattern-entry[data-astro-cid-b4mckdvt]{padding:var(--space-6) var(--space-4)}}