*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-surface:#f8faf9;--color-text:#111827;--color-muted:#6b7280;--color-primary:#1b5e20;--color-primary-rgb:27, 94, 32;--color-accent:#4caf50;--max-width:1200px;--container-padding:20px;--radius:6px}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.top-bar{background:var(--color-primary);color:#fff;width:100%;padding:10px 0;font-size:14px;left:0;right:0}header hr,.header-divider{background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb), .95), transparent);height:2.5px;box-shadow:0 2px 18px rgba(var(--color-primary-rgb), .12), inset 0 1px 0 #ffffff2e;border:0;width:100%;margin:.75rem 0 0}.contact-info{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.contact-info span{color:var(--color-muted);font-size:14px}.top-bar .contact-info{position:relative;overflow:hidden}.top-bar .contact-info .marquee{width:100%;display:block}.top-bar .contact-info .marquee__inner{white-space:nowrap;will-change:transform;align-items:center;gap:48px;display:inline-flex}.top-bar .contact-info .marquee__inner span{color:#fff;align-items:center;gap:8px;font-weight:500;display:inline-flex}@keyframes marquee-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}.top-bar .contact-info .marquee__inner.is-animated{animation:linear infinite marquee-loop}.top-bar .contact-info .marquee__inner .contact-link{color:#fff;cursor:pointer;align-items:center;gap:8px;padding:4px 0;text-decoration:none;display:inline-flex}.top-bar .contact-info .marquee:hover .marquee__inner.is-animated,.top-bar .contact-info .marquee:focus-within .marquee__inner.is-animated{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.top-bar .contact-info .marquee__inner.is-animated{animation:none!important}}.top-bar .contact-info .marquee__inner .contact-link i{color:#fff;font-size:14px}.contact-info i{color:var(--color-primary);margin-right:8px}.main-header{background:var(--color-bg);z-index:50;padding:18px 0;position:relative}.header-container{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.logo img{width:60px;height:auto;display:block}.main-header nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.main-header nav a{color:var(--color-text);letter-spacing:.02em;border-radius:999px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.main-header nav a:hover,.main-header nav a.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb), .08)}.main-header nav i{font-size:11px}.menu-toggle{color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:20px;display:none}.main-header.nav-open nav{width:100%;padding:16px var(--container-padding);background:var(--color-bg);flex-direction:column;gap:10px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 30px #00000014}.main-header nav.hidden-on-mobile{display:none}.header-buttons{gap:10px;display:flex}.header-buttons a{border-radius:var(--radius);padding:10px 16px;font-size:14px;text-decoration:none}.login-btn{border:1px solid var(--color-primary);color:var(--color-primary);background:0 0}.register-btn{color:var(--color-text);background:#f3f4f6}.donate-btn{background:var(--color-primary);color:#fff}@media (width<=768px){.login-btn,.register-btn,.donate-btn{box-shadow:none;border:1px solid #1b5e2033}.donate-btn{color:var(--color-primary);background:#e8f5e9}}.donate-btn:hover{background:#0f3f10}.site-footer{color:#fff;background:#0f172a;margin-top:60px}.footer-container{max-width:1200px;margin:auto;padding:50px 20px}.footer-top{border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;display:grid}.footer-column p{color:#cbd5e1;max-width:420px;font-size:15px;line-height:1.9}.footer-column ul li a,.footer-column .contact-list a{color:#cbd5e1;font-size:14px;text-decoration:none;transition:color .2s}.footer-column ul li a:hover,.footer-column .contact-list a:hover{color:#fff}.contact-list{padding:0;list-style:none}.contact-list li{margin-bottom:12px}.footer-contact .contact-list a{align-items:center;gap:10px;display:inline-flex}.footer-social{gap:14px;margin-top:22px;display:flex}.footer-social a{color:#f8fafc;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:inline-flex}.footer-social a:hover{background:var(--color-primary);transform:translateY(-2px)}.footer-cta-btn{color:#fff;background:var(--color-primary);border-radius:999px;margin-top:26px;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-block}.footer-cta-btn:hover{background:#14491a;transform:translateY(-1px)}.footer-bottom-links{color:#cbd5e1;align-items:center;gap:10px;display:flex}.footer-bottom-links a{color:#cbd5e1;font-size:14px;text-decoration:none}.footer-bottom-links a:hover{color:#fff}.footer-logo img{width:60px;margin-bottom:20px}.footer-column p{color:#d1d5db;font-size:14px;line-height:1.7}.footer-column h3{color:#fff;margin-bottom:20px;font-size:18px;position:relative}.footer-column h3:after{content:"";background:#1b5e20;width:40px;height:3px;margin-top:8px;display:block}.footer-column ul{padding:0;list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#d1d5db;font-size:14px;text-decoration:none}.footer-column ul li a:hover{color:#fff}.contact-list li{color:#d1d5db;font-size:14px}.contact-list i{color:#4caf50;margin-right:8px}.footer-bottom{border-top:1px solid #374151;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:20px;display:flex}.footer-bottom p{color:#9ca3af;font-size:14px}.footer-bottom a{color:#d1d5db;font-size:14px;text-decoration:none}.footer-bottom a:hover{color:#fff}@media (width<=900px){.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-wrap:wrap;justify-content:center;row-gap:16px}}@media (width<=700px){.footer-top{grid-template-columns:1fr;gap:28px}.footer-column.footer-brand{order:-1}.footer-bottom{text-align:left;justify-content:flex-start}.footer-bottom-links{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%}}@media (width<=600px){.footer-container{padding:30px 16px}.footer-top{gap:24px}.footer-social{gap:12px}.footer-bottom{padding:20px 16px 16px}}@media (width<=768px){.menu-toggle{display:block}.main-header nav{display:none}.header-container{flex-wrap:nowrap;align-items:center;gap:10px}.logo{flex:none}.main-header .header-buttons{flex-wrap:nowrap;gap:6px;margin-left:auto;display:flex}.main-header .header-buttons a{white-space:nowrap;padding:7px 10px;font-size:12px}.top-bar{background:var(--color-primary);color:#fff}.top-bar .contact-info span,.top-bar .contact-info i{color:#fff}.top-bar .contact-info i{opacity:.95}header{padding:15px var(--container-padding)}header nav{flex-wrap:wrap;justify-content:center;gap:20px}header nav a{font-size:14px}footer{padding:30px 20px}}