:root{--bg:linear-gradient(135deg,#e0eafc 0%,#8ec5fc 100%);--text:#1f2937;--muted:#6b7280;--primary:#5b21b6;--primary-contrast:#fff;--accent:#e11d48}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1rem}.site-header{background:var(--bg);z-index:10;border-bottom:1px solid #eee;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.brand a{color:var(--text);font-size:1.125rem;font-weight:700}.nav{align-items:center;gap:1rem;display:flex}.nav a{border-radius:8px;padding:.5rem .75rem}.nav a.active{background:var(--bg)}.nav .give-link{background:var(--accent);color:#fff}.main{padding:2rem 0}.hero{background:var(--bg)}.hero-inner{text-align:center;padding:4rem 0}.hero h1{margin:0 0 .5rem;font-size:2.5rem}.hero p{color:var(--muted);margin:0 0 1rem}.cta-row{gap:.75rem;display:inline-flex}.btn{color:var(--text);background:var(--bg);border:1px solid #e5e7eb;border-radius:8px;padding:.6rem 1rem;display:inline-block}.btn.primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.service-times h2{font-size:1.75rem}.times{margin:.5rem 0 0;padding:0;list-style:none}.times li{color:var(--muted);padding:.5rem 0}.grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.card{background:var(--bg);border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.responsive-embed{border-radius:8px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.responsive-embed iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.site-footer{background:var(--bg);border-top:1px solid #eee}.footer-inner{text-align:center;color:var(--muted);padding:2rem 0}@media (max-width:768px){.grid{grid-template-columns:1fr}.hero-inner{padding:3rem 0}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}