body{background-color:#fff;color:#1a1a1a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;margin:0;padding:0}section{padding:2rem 1rem}.container{margin:0 auto;max-width:1000px;padding:0 1rem}h1,h2{color:#1a1a1a}.site-banner{background:#ff0000d9;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:1rem;font-weight:700;left:-50px;padding:1rem 0;pointer-events:none;position:fixed;text-align:center;top:20px;transform:rotate(-10deg);width:calc(100% + 100px);z-index:9999}@media (max-width:768px){.site-banner{left:50%;transform:translate(-50%) rotate(-8deg);width:120%}}.site-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,#489f2e40,#b5e79833);box-shadow:0 4px 20px #0000000d;color:#1a1a1a;overflow:hidden;padding:4rem 0 3rem;position:relative;text-align:center}.site-header:before{animation:greenPulse 20s ease-in-out infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="f"><feTurbulence type="fractalNoise" baseFrequency="0.15" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23f)" fill="rgba(50,180,80,0.4)"/></svg>') repeat;background-size:1000% 1000%;content:"";inset:0;mix-blend-mode:lighten;opacity:.25;pointer-events:none;position:absolute;z-index:1}.site-header .main-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;display:flex;gap:1rem;justify-content:center;max-width:100%;overflow:visible;padding:.5rem 2rem;position:sticky;top:0;z-index:10}.site-header .main-nav .logo{color:#1e4a0f;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .2s ease,color .3s ease}.site-header .main-nav .logo:hover{color:#2d7016;transform:scale(1.05)}.site-header .main-nav .nav-toggle{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:9999px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;height:42px;justify-content:center;transition:transform .15s ease,background .2s ease;width:42px;-webkit-tap-highlight-color:transparent}.site-header .main-nav .nav-toggle .bar{background:#1e4a0f;border-radius:2px;display:block;height:2px;width:20px}.site-header .main-nav .nav-toggle:active{transform:scale(.96)}.site-header .main-nav .nav-list{display:flex;gap:1.5rem;list-style:none;margin:0 0 0 1rem;padding:0}.site-header .main-nav .nav-list li a{color:#1e4a0f;font-weight:500;padding:4px 0;position:relative;text-decoration:none;transition:color .3s ease}.site-header .main-nav .nav-list li a:hover{color:#4a9f2e}.site-header .main-nav .nav-list li a:after{background-color:#ff8c5a;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.site-header .main-nav .nav-list li a:hover:after{width:100%}@media (max-width:992px){.site-header .main-nav{padding:.5rem 1.5rem}}@media (max-width:768px){.site-header .main-nav{gap:.5rem;justify-content:space-between;padding:.5rem 1rem}.site-header .main-nav .nav-toggle{display:inline-flex}.site-header .main-nav .nav-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 6px 16px #00000014;display:flex;flex-direction:column;gap:1rem;left:0;margin:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;top:100%;transform:scaleY(0);transform-origin:top;transition:transform .18s ease,opacity .18s ease,visibility 0s linear .18s;visibility:hidden;z-index:9}.site-header .main-nav .nav-list li a{font-size:1rem;padding:10px 6px}.site-header .main-nav .nav-list li a:after{display:none}.site-header .main-nav.is-open .nav-list{opacity:1;pointer-events:auto;transform:scaleY(1);transition:transform .18s ease,opacity .18s ease;visibility:visible}}@media (min-width:769px){.site-header .main-nav .nav-toggle{display:none}}.site-header .header-intro{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(0deg,#489f2e26,#ffffff40);border-radius:0;margin:0 auto;max-width:900px;padding:3rem 2rem;position:relative;z-index:2}@media (max-width:768px){.site-header .header-intro{padding:2rem 1rem}}.site-header .header-intro h1,.site-header .header-intro p{position:relative;z-index:2}@keyframes greenPulse{0%,to{opacity:.1}50%{opacity:.6}}.site-main{background-color:#f7fdf8;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#1a1a1a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;margin:0 auto;max-width:900px;min-height:400px;padding:3rem}.site-main>*{margin-bottom:2rem}@media (max-width:768px){.site-main{padding:0}}.site-footer{background:linear-gradient(0deg,#489f2e40,#b5e79833);border-radius:0;border-top:1px solid #dee2e6;box-shadow:0 -2px 8px #0000000d;color:#1a1a1a;font-size:.9rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.site-footer nav a{color:#1a1a1a;margin:0 .5rem;text-decoration:none}.site-footer nav a:hover{color:#ff6b35;text-decoration:underline}.site-footer:before{animation:greenPulse 20s ease-in-out infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="f"><feTurbulence type="fractalNoise" baseFrequency="0.15" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23f)" fill="rgba(50,180,80,0.4)"/></svg>') repeat;background-size:1000% 1000%;content:"";inset:0;mix-blend-mode:lighten;opacity:.25;pointer-events:none;position:absolute;z-index:1}:focus-visible{outline:3px solid #ff6b35;outline-offset:3px}
