.learn-page{background:var(--bg,#0a0a14);min-height:100vh;color:var(--text,#e0dcd0)}.learn-hero{text-align:center;max-width:760px;margin:0 auto;padding:100px 24px 48px}.learn-hero-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gold,#c9a84c);border:1px solid #c9a84c4d;border-radius:20px;margin-bottom:20px;padding:4px 14px;font-size:.7rem;display:inline-block}.learn-hero h1{font-family:var(--font-display,"Cormorant Garamond",serif);color:var(--gold,#c9a84c);margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);font-weight:400}.learn-hero-sub{color:var(--text-dim,#8a8272);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}.learn-category{max-width:960px;margin:0 auto;padding:40px 24px}.learn-category:nth-child(2n){background:#ffffff04}.learn-category-header{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.learn-category-header h2{font-family:var(--font-display,serif);color:var(--gold,#c9a84c);margin:0;font-size:1.4rem;font-weight:400}.learn-category-count{color:var(--text-dim,#8a8272);letter-spacing:.05em;font-size:.75rem}.learn-category-desc{color:var(--text-dim,#8a8272);max-width:680px;margin:0 0 20px;font-size:.9rem;line-height:1.6}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.learn-grid a{color:var(--text,#e0dcd0);background:#ffffff08;border:1px solid #c9a84c1a;border-radius:6px;padding:12px 16px;font-size:.85rem;text-decoration:none;transition:border-color .2s,background .2s;display:block}.learn-grid a:hover{border-color:var(--gold,#c9a84c);background:#c9a84c0f}.learn-grid-sub{color:var(--text-dim,#8a8272);margin-top:3px;font-size:.7rem;display:block}.learn-blog-link{text-align:center;padding:48px 24px 60px}.learn-blog-link a{background:var(--gold,#c9a84c);color:#0a0a14;border-radius:6px;padding:12px 32px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.learn-blog-link a:hover{opacity:.85}@media (max-width:600px){.learn-hero{padding:80px 16px 32px}.learn-category{padding:32px 16px}.learn-grid{grid-template-columns:repeat(2,1fr);gap:8px}.learn-grid a{padding:10px 12px;font-size:.8rem}}