:root{--cream: #FDF6EE;--cream-dark: #F5EBDD;--terracotta: #C4654A;--terracotta-light: #E8926F;--sage: #7A9E7E;--sage-light: #B5D4B8;--sage-dark: #5B7D5E;--charcoal: #2D2A26;--warm-gray: #8A8279;--warm-gray-light: #C5BFB6;--gold: #D4A853;--rose: #D4828F;--lavender: #9B8EC4;--sky: #7BA7C9;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(45,42,38,.08);--shadow-lg: 0 8px 32px rgba(45,42,38,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--charcoal),#3D3832);padding:1.25rem 2rem;text-align:center;box-shadow:var(--shadow-lg)}.header h1{font-family:var(--font-display);color:#fff;font-size:1.75rem;font-weight:400;letter-spacing:.02em}.header .subtitle{color:var(--warm-gray-light);font-size:.85rem;margin-top:.25rem;font-weight:400;letter-spacing:.04em}.main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.section{margin-bottom:2.5rem}.section-title{font-family:var(--font-display);font-size:1.35rem;font-weight:400;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--cream-dark);display:flex;align-items:center;gap:.5rem}.section-title .accent-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.accent-dot--gold{background:var(--gold)}.accent-dot--sage{background:var(--sage)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.card-grid{grid-template-columns:1fr}.header h1{font-size:1.4rem}.main{padding:1.25rem 1rem 2rem}}.card{display:block;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.25rem 1.1rem;text-decoration:none;color:inherit;position:relative;transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid transparent}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card--gold{border-left-color:var(--gold)}.card--sage{border-left-color:var(--sage)}.card--disabled{opacity:.7;cursor:default}.card--disabled:hover{transform:none;box-shadow:var(--shadow)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.card-emoji{font-size:2rem;line-height:1}.card-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:20px;color:#fff}.badge--green{background:var(--sage)}.badge--gold{background:var(--gold)}.card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin-bottom:.3rem;color:var(--charcoal)}.card-desc{font-size:.85rem;color:var(--warm-gray);line-height:1.45}.footer{text-align:center;padding:1.5rem 1rem;color:var(--warm-gray-light);font-size:.8rem;border-top:1px solid var(--cream-dark)}