*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:beige;color:#333}main{padding-top:80px;min-height:calc(100vh - 200px)}.navbar-container{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#f5f5dcf2;border-bottom:1px solid rgba(139,69,19,.1);transition:all .3s ease}.navbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1rem 2rem}.navbar-logo{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-image{height:40px;width:auto}.logo-text-container{display:flex;flex-direction:column}.logo-subtitle{font-size:.875rem;color:#2e1a0b;font-weight:500}.logo-title{font-size:1.25rem;color:#333;font-weight:700}.navbar-desktop{display:block}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-item{color:#333;text-decoration:none;font-weight:500;padding:.5rem 0;position:relative}.nav-item:hover{color:#6b8e23}.nav-item.active{color:#6b8e23;font-weight:600}.nav-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#6b8e23;transition:width .3s ease}.nav-item:hover .nav-underline,.nav-item.active .nav-underline{width:100%}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer;padding:.5rem}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:beige;transition:right .3s ease;padding:2rem;z-index:1001}.mobile-menu.open{right:0}.mobile-nav-links{list-style:none;margin-top:4rem;padding:0}.mobile-nav-item{display:block;padding:1rem;color:#333;text-decoration:none;font-size:1.1rem}.mobile-nav-item:hover,.mobile-nav-item.active{color:#6b8e23;background-color:#6b8e231a;border-radius:4px}.overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:1000}.overlay.active{display:block}.skip-link{position:absolute;top:-40px;left:0;background:#6b8e23;color:#fff;padding:8px;text-decoration:none}.skip-link:focus{top:10px}@media(max-width:768px){.navbar-desktop{display:none}.menu-toggle{display:block}.logo-text-container{display:none}}.hero-slider{position:relative;min-height:calc(100vh - 80px);padding:2rem;overflow:hidden}.slider-background{position:absolute;inset:0;z-index:0}.background-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(139,69,19,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,69,19,.03) 1px,transparent 1px);background-size:40px 40px}.gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#6b8e231a,#fffdd00d,#8b45130d)}.slider-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:1px solid rgba(15,26,48,.1);background:#f5f5dccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.slider-arrow:hover{background:#f5f5dcf2;border-color:#6b8e234d;transform:translateY(-50%) scale(1.05)}.slider-arrow svg{stroke:#0f1a30}.arrow-left{left:1rem}.arrow-right{right:1rem}.slide-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 0;max-width:800px;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.slide-content.animating{opacity:0;transform:translateY(20px)}.content-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5dccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(15,26,48,.05);border-radius:100px;margin-bottom:2rem}.badge-dot{width:6px;height:6px;border-radius:50%;background:#6b8e23}.badge-text{font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#0f1a3099}.slide-title{margin-bottom:1.5rem}.title-line{display:block;font-size:3.5rem;font-weight:400;line-height:1.1;color:#0f1a30;margin-bottom:.5rem}.gradient-text{background:linear-gradient(135deg,#6b8e23,#8fbc8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-description{font-size:1.125rem;line-height:1.6;color:#0f1a30b3;margin-bottom:2.5rem;max-width:600px}.slide-actions{display:flex;gap:1.5rem;align-items:center;margin-bottom:3rem}.primary-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#0f1a30;color:beige;border-radius:100px;text-decoration:none;font-weight:500;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease;border:none;position:relative;overflow:hidden}.primary-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6b8e23,#8fbc8f);opacity:0;transition:opacity .3s ease;z-index:0}.primary-cta:hover:before{opacity:1}.primary-cta .cta-text,.primary-cta .cta-arrow{position:relative;z-index:1}.primary-cta:hover .cta-arrow{transform:translate(4px)}.primary-cta .cta-arrow{transition:transform .3s ease}.secondary-cta{font-size:.875rem;color:#6b8e23;text-decoration:none;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color .3s ease}.secondary-cta:hover{color:#0f1a30;text-decoration:underline}.stats-panel{position:absolute;right:1rem;bottom:6rem;width:320px;padding:1.5rem;background:#f5f5dccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0f1a301a;opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.stats-panel.animating{opacity:0;transform:translateY(20px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#0f1a3099}.live-indicator{display:flex;align-items:center;gap:.375rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#6b8e23;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem;background:#ffffffb3;border-radius:1rem;border:1px solid rgba(15,26,48,.05)}.stat-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#0f1a3080;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;color:#0f1a30;line-height:1}.slide-indicators{position:absolute;left:1rem;bottom:6rem;display:flex;flex-direction:column;gap:.75rem}.indicator{width:2px;height:32px;background:#0f1a3033;border:none;padding:0;cursor:pointer;position:relative;overflow:hidden;transition:background-color .3s ease}.indicator.active{background:#6b8e234d}.indicator-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:#6b8e23;transition:height 7s linear}.indicator.active .indicator-progress{height:100%}.slider-controls{position:absolute;right:1rem;bottom:2rem;display:flex;align-items:center;gap:2rem}.slide-counter{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0f1a3099}.slide-counter .current{color:#0f1a30;font-weight:600}.autoplay-toggle{width:40px;height:40px;border-radius:50%;border:1px solid rgba(15,26,48,.1);background:#f5f5dccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.875rem}.autoplay-toggle:hover{background:#f5f5dcf2;border-color:#6b8e234d}@media(max-width:1024px){.hero-slider{padding:1rem}.title-line{font-size:2.5rem}.stats-panel{position:relative;right:auto;bottom:auto;width:100%;max-width:400px;margin-top:2rem}.slide-indicators{position:relative;left:auto;bottom:auto;flex-direction:row;margin-top:2rem}.indicator{width:32px;height:2px}.slider-controls{position:relative;right:auto;bottom:auto;margin-top:2rem}}@media(max-width:768px){.slider-arrow{width:48px;height:48px}.arrow-left{left:.5rem}.arrow-right{right:.5rem}.title-line{font-size:2rem}.slide-description{font-size:1rem}.slide-actions{flex-direction:column;align-items:flex-start}.stats-panel{padding:1rem}.stat-value{font-size:1.25rem}}@media(max-width:480px){.hero-slider{min-height:calc(100vh - 60px)}.title-line{font-size:1.75rem}.content-badge{padding:.375rem .75rem}.badge-text{font-size:.65rem}.primary-cta{padding:.875rem 1.5rem;font-size:.75rem}}
