:root{--bone:#f9f8f4;--cream:#f2f0e9;--paper:#fff;--charcoal:#202020;--slate:#505050;--stone:#8a8a8a;--knowledge-green:#386641;--focus-orange:#ff6b4a;--success-green:#10b981;--soft-purple:#8b7ec8;--background:var(--bone);--foreground:var(--slate);--card:var(--paper);--card-foreground:var(--charcoal);--popover:var(--paper);--popover-foreground:var(--charcoal);--primary:var(--knowledge-green);--primary-foreground:#fff;--secondary:var(--cream);--secondary-foreground:var(--charcoal);--muted:#ede9de;--muted-foreground:var(--stone);--accent:var(--cream);--accent-foreground:var(--charcoal);--destructive:#dc2626;--destructive-foreground:#fff;--border:#e5e5e5;--border-hover:#d1d1d1;--input:#e5e5e5;--ring:var(--knowledge-green);--chart-1:var(--knowledge-green);--chart-2:var(--focus-orange);--chart-3:var(--success-green);--chart-4:var(--soft-purple);--chart-5:#f59e0b;--sidebar:#fafaf8;--sidebar-foreground:var(--slate);--sidebar-primary:var(--knowledge-green);--sidebar-primary-foreground:#fff;--sidebar-accent:var(--cream);--sidebar-accent-foreground:var(--charcoal);--sidebar-border:var(--border);--sidebar-ring:var(--knowledge-green);--font-display:"Clash Display","Inter",system-ui,-apple-system,sans-serif;--font-sans:"Satoshi","Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;--radius:.75rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-2xs:0 1px 2px #00000008;--shadow-xs:0 1px 3px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-card:0 2px 8px #0000000a;--shadow-card-hover:0 8px 16px #00000014;--shadow-green:0 4px 14px #38664140;--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;--space-5xl:8rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.175,.885,.32,1.275);--bg-primary:var(--background);--bg-secondary:var(--card);--bg-tertiary:var(--muted);--bg-card:var(--paper);--bg-card-hover:#fafafa;--text-primary:var(--charcoal);--text-secondary:var(--slate);--text-tertiary:var(--stone);--text-accent:var(--knowledge-green);--accent-primary:var(--knowledge-green);--accent-secondary:var(--focus-orange);--border-subtle:var(--border);--border-medium:var(--border-hover);--border-accent:var(--knowledge-green)}.dark{--background:#1a1a1a;--foreground:#e5e5e5;--card:#242424;--card-foreground:#f5f5f5;--popover:#2a2a2a;--popover-foreground:#f5f5f5;--primary:#4d7aff;--primary-foreground:#fff;--secondary:#2a2a2a;--secondary-foreground:#e5e5e5;--muted:#333;--muted-foreground:#a0a0a0;--accent:#333;--accent-foreground:#f5f5f5;--border:#3a3a3a;--border-hover:#4a4a4a;--input:#3a3a3a;--sidebar:#1f1f1f;--sidebar-foreground:#e5e5e5;--sidebar-border:#3a3a3a;--bg-primary:var(--background);--bg-secondary:var(--card);--bg-tertiary:var(--muted);--bg-card:var(--card);--bg-card-hover:#2e2e2e;--text-primary:var(--card-foreground);--text-secondary:var(--foreground);--text-tertiary:var(--muted-foreground);--border-subtle:var(--border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.015;pointer-events:none;z-index:-1;background:radial-gradient(100% 100% at 50% 0,#38664108,#0000 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--charcoal);font-weight:400;line-height:1.1}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.5rem,3vw,1.75rem)}p{font-family:var(--font-sans);color:var(--slate);max-width:65ch;font-size:1.0625rem;line-height:1.7}a{color:inherit;text-decoration:none}.bento-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--knowledge-green);transform:translateY(-2px)}.stamp-edge{background:var(--paper);position:relative}.stamp-edge:before{content:"";background-image:radial-gradient(circle,var(--bone)4px,transparent 4px);pointer-events:none;-webkit-mask:linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff);-webkit-mask-composite:xor;background-position:-6px -6px;background-size:12px 12px;padding:6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn-primary{background:var(--knowledge-green);color:#fff;box-shadow:var(--shadow-green)}.btn-primary:hover{background:#2d5a36;transform:translateY(-1px);box-shadow:0 6px 20px #38664159}.btn-secondary{background:var(--paper);color:var(--charcoal);border:1px solid var(--border)}.btn-secondary:hover{background:var(--cream);border-color:var(--border-hover)}.btn-ghost{color:var(--charcoal);background:0 0}.btn-ghost:hover{background:var(--cream)}.kbd{min-width:1.75rem;height:1.75rem;font-family:var(--font-mono);color:var(--slate);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2xs);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge{align-items:center;gap:var(--space-xs);font-family:var(--font-sans);border-radius:var(--radius-full);background:var(--cream);color:var(--slate);border:1px solid var(--border);padding:.375rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.badge-blue{color:var(--knowledge-green);background:#3866411a;border-color:#38664133}.badge-orange{color:var(--focus-orange);background:#ff6b4a1a;border-color:#ff6b4a33}.priority-stamp{align-items:center;gap:var(--space-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;background:var(--paper);color:var(--focus-orange);border:2px solid var(--focus-orange);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--focus-orange);padding:.5rem 1rem;font-size:.6875rem;font-weight:700;display:inline-flex;transform:rotate(-2deg)}.input{width:100%;font-family:var(--font-sans);color:var(--charcoal);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none;padding:.875rem 1.25rem;font-size:1rem}.input::placeholder{color:var(--stone)}.input:focus{border-color:var(--knowledge-green);box-shadow:0 0 0 3px #3866411a}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}::selection{color:var(--charcoal);background:#38664126}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--stone)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes float-delayed{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:4s ease-in-out infinite float}.animate-float-delayed{animation:5s ease-in-out 1s infinite float-delayed}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.scale-in{animation:.4s ease-out forwards scaleIn}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.text-display{font-family:var(--font-display)}.text-balance{text-wrap:balance}.text-gradient{background:linear-gradient(135deg,var(--knowledge-green)0%,var(--soft-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:var(--space-5xl)0}.decorative-line{background:var(--knowledge-green);border-radius:var(--radius-full);width:60px;height:2px}