@import "https://fonts.googleapis.com/css2?family=Lora:wght@400;600&family=Source+Code+Pro:wght@400;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#fdf6ec;--brown-dark:#3b2a1a;--brown-mid:#7a4f2e;--orange:#e07b3a;--orange-light:#f4a45a;--amber:#f5c97a;--tan:#d4a96a;--warm-bg:#fbf0e0}body{background:var(--cream);color:var(--brown-dark);min-height:100vh;font-family:Lora,serif}.main-header{background:var(--brown-dark)}.nav-wrapper{justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex}.logo h1 a{color:var(--amber);letter-spacing:.05em;font-family:Source Code Pro,monospace;font-size:1.1rem;font-weight:600;text-decoration:none}.main-nav{gap:8px;display:flex}.main-nav a{color:var(--amber);opacity:.75;letter-spacing:.02em;background:#ffffff12;border:1px solid #ffffff1f;border-radius:4px;padding:5px 10px;font-family:Source Code Pro,monospace;font-size:.72rem;font-weight:600;text-decoration:none;transition:opacity .2s,background .2s}.main-nav a:hover{opacity:1;background:#ffffff21}.hero{background:var(--warm-bg);border-bottom:2px solid var(--amber);align-items:center;gap:3rem;padding:3.5rem 2.5rem 2.5rem;display:flex}.hero-eyebrow{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-family:Source Code Pro,monospace;font-size:.72rem;font-weight:600}.hero h1{color:var(--brown-dark);margin-bottom:1rem;font-size:2.4rem;font-weight:600;line-height:1.2}.hero h1 em{color:var(--orange);font-style:normal}.hero p{color:var(--brown-mid);max-width:440px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.hero-btn{background:var(--orange);color:#fff;cursor:pointer;letter-spacing:.04em;border:none;border-radius:6px;padding:10px 20px;font-family:Source Code Pro,monospace;font-size:.8rem;font-weight:600;transition:background .2s,transform .15s}.hero-btn:hover{background:var(--brown-mid);transform:translateY(-1px)}.topics-section{padding:2.5rem}.section-label{color:var(--tan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-family:Source Code Pro,monospace;font-size:.7rem;font-weight:600}.topics-section h2{color:var(--brown-dark);margin-bottom:1.75rem;font-size:1.5rem;font-weight:600}.cards{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.card{border:1.5px solid var(--amber);cursor:pointer;background:#fff;border-radius:10px;padding:1.25rem 1.25rem 1rem;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.card:before{content:"";background:var(--card-accent,var(--orange));opacity:0;height:3px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--card-accent,var(--orange));transform:translateY(-3px);box-shadow:0 8px 24px #7a4f2e21}.card:hover:before{opacity:1}.card-icon{margin-bottom:.6rem;font-size:1.6rem}.card h3{color:var(--brown-dark);margin-bottom:.3rem;font-size:1rem;font-weight:600}.card p{color:var(--brown-mid);font-size:.82rem;line-height:1.55}.card-tag{color:var(--card-accent,var(--orange));letter-spacing:.04em;background:#e07b3a14;border-radius:3px;margin-top:.75rem;padding:3px 8px;font-family:Source Code Pro,monospace;font-size:.68rem;font-weight:600;display:inline-block}@keyframes tail-wag{0%,to{transform:rotate(-8deg)translate(0)}50%{transform:rotate(8deg)translate(2px)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}93%,97%{transform:scaleY(.08)}}.cat-tail{transform-origin:18px 62px;animation:2.4s ease-in-out infinite tail-wag}.cat-eye-l{transform-origin:78px 70px;animation:4s ease-in-out infinite blink}.cat-eye-r{transform-origin:102px 70px;animation:4s ease-in-out .1s infinite blink}