:root{--bg:#fffef9;--card-bg:#fffef9;--card-border:#d6cfc0;--shadow:0 2px 12px #0001;--shadow-hover:0 8px 24px #cd794c1a;--radius:20px;--primary:#ff5e62;--secondary:#f96;--text:#3b2e1a;--muted:#888;--tag-bg:#f6e8d1;--tag-text:#7a6248;--header-height:72px;--header-bg:#fff;--nav-link:#222;--nav-link-active:#ff5e62;--nav-link-hover:#ff5e62;--blog-card-width:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Arial,sans-serif;line-height:1.6}header.main-header{z-index:100;height:var(--header-height);background:0 0;align-items:center;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}body.scrolled header.main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff3;border-radius:20px;width:calc(100% - 32px);max-width:1168px;margin:0 auto;top:20px;box-shadow:0 8px 32px #0000001f}.header-center{width:100%;max-width:1200px;height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 16px;display:flex}.logo{color:var(--primary);align-items:center;gap:10px;font-size:1.7rem;font-weight:700;text-decoration:none;display:flex;position:relative}.logo-full-only{width:auto;height:36px;display:block}.main-nav{align-items:center;gap:32px;font-family:Roboto,sans-serif;display:flex}.main-nav-link{color:var(--nav-link);background:0 0;border:none;padding:2px 0;font-family:Roboto,sans-serif;font-size:1.08rem;font-weight:700;text-decoration:none;transition:color .2s}.main-nav-link:hover{color:#a85923}.main-nav-link.active{color:#a85923;font-weight:700}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;padding:0 0 0 10px;display:none}.mobile-menu-icon{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}.mobile-menu-icon span{background:var(--nav-link);border-radius:2px;width:100%;height:2px;transition:all .3s}.mobile-menu-text{color:var(--nav-link);letter-spacing:.5px;font-size:.9rem;font-weight:700}.mobile-menu-btn.active .mobile-menu-icon span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.active .mobile-menu-icon span:nth-child(2){opacity:0}.mobile-menu-btn.active .mobile-menu-icon span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{z-index:9999;background:#fff;display:none;position:fixed;inset:0;overflow-y:auto}.mobile-menu.active{display:block}.mobile-menu-content{padding:calc(var(--header-height) + 20px) 20px 20px 20px}.mobile-menu-link{color:var(--nav-link);border-bottom:1px solid #f0f0f0;padding:12px 0;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .2s;display:block}.mobile-menu-link:hover{color:#a85923}.mobile-menu-link.active{color:#a85923;font-weight:700}.mobile-menu-legal{opacity:.5;margin-top:20px;border-bottom:none!important;font-size:.9rem!important}.mobile-menu-section{margin:20px 0}.mobile-menu-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:700}.mobile-menu-section .mobile-menu-link{border-bottom:none;padding:8px 0 8px 16px;font-size:1rem}.mobile-menu-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.mobile-menu-close:hover{color:#333;background:#f0f0f0}.blog-section{max-width:1200px;margin:36px auto 0;padding:0 16px 64px}.blog-header{margin-bottom:48px;padding-bottom:0}.blog-title{color:#111;text-align:left;margin-bottom:16px;font-size:2rem;font-weight:700;line-height:1.1;display:block}.blog-intro{color:#666;max-width:700px;margin-bottom:0;font-size:1.3rem;line-height:1.5}.blog-grid{flex-direction:column;gap:24px;margin-bottom:64px;display:flex}.blog-card{grid-template-columns:30% 70%;align-items:start;gap:32px;margin-bottom:64px;display:grid}.blog-card-skeleton{pointer-events:none;min-height:610px}.blog-card-skeleton span,.blog-skeleton-image{background:linear-gradient(90deg,#eee9df 25%,#f8f5ef 50%,#eee9df 75%) 0 0/200% 100%;border-radius:999px;height:12px;margin-bottom:14px;animation:1.4s ease-in-out infinite blog-skeleton-pulse;display:block}.blog-card-skeleton .blog-card-left span:first-child{width:45%}.blog-card-skeleton .blog-card-left span:last-child{width:62%}.blog-card-skeleton .blog-skeleton-title{width:72%;height:25px;margin-bottom:24px}.blog-card-skeleton .blog-skeleton-short{width:58%}.blog-card-skeleton .blog-skeleton-image{aspect-ratio:16/9;border-radius:12px;width:100%;height:auto;margin-top:42px}@keyframes blog-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.blog-card-skeleton span,.blog-skeleton-image{animation:none}}.blog-card-image-container{background:#f5f5f5;border-radius:12px;width:100%;position:relative;overflow:hidden}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:#a85923}.blog-card-image{object-fit:contain;border-radius:12px;width:100%;height:auto;display:block}.blog-card-image-container:before{content:"";mix-blend-mode:hard-light;opacity:.3;pointer-events:none;z-index:1;background:radial-gradient(circle at 80% 20%,#ca7a4fcc 0%,#bb470b99 40%,#bb470b4d 70%,#0000 100%);border-radius:12px;position:absolute;inset:0}.blog-card-version{color:#0277bd;z-index:2;background:#e0f2fe;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:16px;left:16px}.blog-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.blog-card-icon{width:24px;height:24px;font-size:20px}.blog-card-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.blog-card-left{flex-direction:column;gap:16px;display:flex}.blog-card-type{color:#0277bd;text-transform:uppercase;letter-spacing:.5px;background:#e0f2fe;border-radius:6px;width:fit-content;padding:6px 12px;font-size:.8rem;font-weight:600}.blog-card-date{color:var(--muted);font-size:.9rem;font-weight:500}.blog-card-right{flex-direction:column;gap:30px;display:flex}.blog-card-title{color:var(--text);font-size:1.4rem;font-weight:700;line-height:1.3}.blog-card-excerpt{color:var(--muted);font-size:1rem;line-height:1.6}.blog-card-excerpt a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.blog-card-excerpt a:hover{color:var(--secondary);text-decoration:underline}.blog-card-excerpt{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.blog-card-ctas{flex-wrap:wrap;gap:12px;display:flex}.blog-cta{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-cta.primary{color:#fff;background:#2a5f5f}.blog-cta.primary:hover{background:#1e4747;transform:translateY(-1px)}.blog-cta.secondary{color:#2a5f5f;background:0 0;border:1.5px solid #2a5f5f}.blog-cta.secondary:hover{color:#fff;background:#2a5f5f}@media (width<=768px){.blog-card{grid-template-columns:1fr;gap:24px}.blog-card-left{flex-direction:row;align-items:center;gap:24px}}.get-involved-section{background:#2a5f5f;width:100vw;margin-bottom:0;margin-left:calc(50% - 50vw);padding:60px 0}.get-involved-container{max-width:1200px;margin:0 auto;padding:0 32px}.get-involved-header{text-align:center;margin-bottom:48px}.get-involved-title{color:#fff;margin-bottom:16px;font-size:2rem;font-weight:700}.get-involved-subtitle{color:#ffffffd9;max-width:600px;margin:0 auto;font-size:1.1rem}.get-involved-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.get-involved-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:32px 24px;transition:all .3s}.get-involved-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-4px)}.get-involved-card-title{color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:700}.get-involved-card-desc{color:#fffc;margin-bottom:24px;font-size:1rem;line-height:1.5}.cta-link{align-items:center;gap:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-link:hover{transform:translate(4px)}.cta-link:after{content:"→";font-size:1.1rem;transition:transform .2s}.cta-link:hover:after{transform:translate(2px)}.cta-follow{color:#ff6b9d}.cta-tools{color:#4ecdc4}.cta-join{color:#667eea}.cta-support{color:#ffa726}.footer-new{background:#1a1a1a;width:100vw;margin-top:0;margin-left:calc(50% - 50vw);padding:100px 0 60px}.footer-container{max-width:1200px;margin:0 auto;padding:0 32px}.footer-content{grid-template-columns:1fr 1fr;gap:80px;margin-bottom:0;display:grid}.footer-brand{flex-direction:column;display:flex}.footer-logo-new{align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-logo-new img{width:32px;height:32px}.footer-logo-text{color:#fff;font-size:1.4rem;font-weight:700}.footer-mission-new{color:#a0a0a0;width:100%;margin-bottom:24px;font-size:1rem;line-height:1.6}.footer-brand-bottom{flex-flow:wrap;align-items:center;gap:24px;display:flex}.footer-links{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.footer-col-new{flex-direction:column;display:flex}.footer-col-title-new{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.9rem;font-weight:600}.footer-link-new{color:#a0a0a0;margin-bottom:12px;font-size:.95rem;text-decoration:none;transition:color .2s;display:block}.footer-link-new:hover{color:#fff}.footer-link-external{align-items:center;gap:6px;display:inline-flex}.external-icon{opacity:.7;width:14px;height:14px}.footer-copyright{color:#a0a0a0;font-size:.9rem}.footer-legal-link{color:#a0a0a0;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-legal-link:hover{color:#fff}@media (width<=1024px){.footer-content{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=768px){.footer-container{padding:0 20px}.footer-new{padding:80px 0 48px}.footer-links{grid-template-columns:1fr;gap:32px}}@media (width<=600px){.footer-container{padding:0 16px}.footer-new{padding:64px 0 40px}.footer-content{gap:40px}.footer-brand-bottom{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=900px){.main-nav{display:none}.mobile-menu-btn{display:flex}.get-involved-container{padding:0 20px}.get-involved-section{padding:48px 0}.get-involved-title{font-size:1.8rem}}@media (width<=600px){.get-involved-container{padding:0 16px}.get-involved-section{padding:40px 0}.get-involved-grid{grid-template-columns:1fr;gap:20px}.get-involved-card{padding:24px 20px}}