:root{--bg: #f4efe6;--surface: #fffaf2;--text: #2b241c;--muted: #6b5b4b;--green-900: #1f3a2a;--green-700: #2f5a3d;--green-500: #3f7a4d;--brown-700: #5a3b24;--brown-500: #7a5638;--border: rgba(43, 36, 28, .12);--shadow: 0 10px 30px rgba(31, 58, 42, .12);--container: 1100px;--radius: 1rem;--space-1: clamp(.5rem, .4rem + .5vw, .75rem);--space-2: clamp(.75rem, .6rem + .7vw, 1rem);--space-3: clamp(1rem, .8rem + 1vw, 1.5rem);--space-4: clamp(1.5rem, 1.2rem + 1.6vw, 2.25rem);--text-sm: clamp(.9rem, .85rem + .2vw, 1rem);--text-md: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.2rem, 1.05rem + .7vw, 1.6rem);--text-xl: clamp(1.6rem, 1.2rem + 1.2vw, 2.2rem)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%}html,body{height:100%}body{background:radial-gradient(1200px 800px at 20% 0%,rgba(63,122,77,.12),transparent 60%),radial-gradient(900px 600px at 90% 10%,rgba(122,86,56,.1),transparent 55%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--text-md);line-height:1.6}a{color:inherit;text-decoration:none}p,li,h1,h2,h3{overflow-wrap:anywhere}.container{width:min(var(--container),100% - 2rem);margin:0 auto}main{padding:var(--space-4) var(--space-2) calc(var(--space-4) + var(--space-2))}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.page{padding:var(--space-3);margin-top:var(--space-3)}.textLink{color:var(--green-700);font-weight:700;text-decoration:underline;text-underline-offset:3px}.appShell{min-height:100svh;display:flex;flex-direction:column}.appContent{flex:1 0 auto}h2{font-size:var(--text-xl);line-height:1.2}h3{font-size:var(--text-lg);line-height:1.2}.nav{position:sticky;top:0;z-index:50;background:#fffaf2b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.nav__brand{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1 1 auto}.nav__logo{width:2.625rem;height:2.625rem;display:grid;place-items:center;border-radius:.75rem;background:linear-gradient(135deg,var(--green-900),var(--green-500));box-shadow:0 10px 18px #1f3a2a33}.nav__logo svg{fill:#f3e2b8}.nav__title{font-weight:800;letter-spacing:.2px;font-size:var(--text-md)}.nav__links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem;flex:1 1 18rem}.nav__link{position:relative;padding:.55rem .85rem;border-radius:999px;color:var(--green-900);font-weight:650;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease}.nav__underline{position:absolute;left:18%;right:18%;bottom:.38rem;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--brown-500),var(--green-500));transform:scaleX(0);transition:transform .18s ease}.nav__link:hover{background:#3f7a4d1a;border-color:#3f7a4d2e;transform:translateY(-1px)}.nav__link:hover .nav__underline,.nav__link--active .nav__underline{transform:scaleX(1)}.nav__link--active{background:#3f7a4d29;border-color:#3f7a4d47}.nav__link:focus-visible,.nav__brand:focus-visible{outline:3px solid rgba(63,122,77,.35);outline-offset:3px}.home__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:var(--space-2);margin-top:var(--space-3)}.home__card,.eventCard,.teacherCard{padding:var(--space-3);border:1px solid var(--border);border-radius:calc(var(--radius) - .25rem);background:#fffaf299}.eventList{list-style:none;margin-top:var(--space-2);display:grid;gap:var(--space-2)}.eventTime{color:var(--muted);font-size:var(--text-sm)}.eventAddress{display:inline-block;margin-top:var(--space-1);color:var(--green-700);font-weight:600;text-decoration:underline}.teacherGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.footer{margin-top:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border);background:linear-gradient(180deg,#1f3a2a0a,#1f3a2a14)}.footer__inner--centered{display:flex;justify-content:center;text-align:center}.footer__brand{display:flex;align-items:center;gap:var(--space-1)}.footer__logo{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;background:linear-gradient(135deg,var(--green-900),var(--green-500));color:#f3e2b8;box-shadow:0 6px 12px #1f3a2a2e}.footer__title{font-weight:800}.footer__meta{color:var(--muted);font-size:var(--text-sm);margin-top:.05rem}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}