:root{--primary:#f97d09;--secondary:#138808;--bg-body:#fff;--bg-surface:#f9fafb;--bg-dark:#fff;--bg-dark-secondary:#f3f4f6;--text-main:#2c303a;--text-muted:#6b7280;--text-light:#138808;--text-gold:gold;--font-main:"Inter", system-ui, -apple-system, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{color:var(--secondary)!important}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #0000000d;box-shadow:0 8px 32px #0000000d}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:.8rem 2rem;font-weight:600;display:inline-block}.btn-primary{background:var(--secondary);color:#fff;font-weight:700;box-shadow:0 4px 15px #1388084d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f97d0980}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:#f97d091a;transform:translateY(-2px)}.section{padding:4rem 0}.section-title{text-align:center;color:var(--text-main);margin-bottom:1rem;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.content-box{background:var(--bg-surface);transition:var(--transition);border:1px solid #00000005;border-radius:20px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 30px #0000000d}.content-box:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00000014}.markdown-content h1{color:var(--primary);margin-top:2rem;margin-bottom:1.5rem;font-size:2.2rem}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{color:var(--text-main);border-bottom:1px solid #0000000d;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.8rem}.markdown-content h3{color:var(--secondary);margin-top:1.5rem;margin-bottom:1rem;font-size:1.4rem}.markdown-content p{color:var(--text-main);margin-bottom:1.5rem;line-height:1.8}.markdown-content ul{margin-bottom:1.5rem;padding-left:1rem;list-style-type:none}.markdown-content ul li{color:var(--text-main);margin-bottom:.8rem;padding-left:1.5rem;position:relative}.markdown-content ul li:before{content:"•";color:var(--primary);font-size:1.5rem;line-height:1;position:absolute;top:-2px;left:0}.markdown-content ol{margin-bottom:1.5rem;padding-left:2.5rem}.markdown-content ol li{color:var(--text-main);margin-bottom:.8rem}.markdown-content strong{color:var(--primary);font-weight:700}.markdown-content em{color:var(--text-muted);font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin:2rem 0}.markdown-content th,.markdown-content td{text-align:center;border:1px solid #0000000d;padding:1rem}.markdown-content th{background:var(--primary);color:#fff;font-weight:700}.markdown-content a{color:var(--primary);border-bottom:1px solid var(--primary);transition:var(--transition);text-decoration:none}.markdown-content a:hover{color:var(--secondary);border-bottom-color:var(--secondary)}.grid{gap:2rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.app-container{flex-direction:column;display:flex}.sidebar{background:var(--secondary);border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;width:280px;height:calc(100vh - 80px);display:flex;position:sticky;top:80px;overflow-y:auto}.sidebar-wrapper{z-index:10;flex-shrink:0;align-self:flex-start;height:calc(100vh - 80px);position:sticky;top:80px}.sidebar-bg{background:var(--secondary);z-index:0;position:absolute;top:0;bottom:0;left:0}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-link{color:#fff;transition:var(--transition);opacity:.85;border-radius:8px;margin-bottom:.2rem;padding:.8rem 1.2rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:block}.sidebar-link:hover{opacity:1;background:#ffffff26;padding-left:1.5rem}.sidebar-link.active{color:#fff;opacity:1;background:#ffffff40;border-left:4px solid #fff;border-radius:0 8px 8px 0;padding-left:1.2rem;font-weight:800}.sidebar-link.external{color:var(--primary);background:#f97d090d;border:1px solid #f97d0933;margin-top:1.5rem}.sidebar-link.external:hover{background:#f97d091a;padding-left:1.2rem}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:3rem 0}.section-title{font-size:2rem}.markdown-content h1{font-size:1.8rem}.markdown-content h2{font-size:1.5rem}.content-box{padding:1.5rem}.main-wrapper{flex-direction:column}.sidebar{border-right:1px solid #0000001a;width:280px!important;height:100%!important}.sidebar-wrapper{z-index:50;height:calc(100vh - 80px);position:fixed;top:80px;left:0}.sidebar-bg{display:none}}.hero-section{background:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (width<=768px){.hero-image{object-fit:contain}}.hero-radial-bg{z-index:2;background:radial-gradient(at 60%,#000000b3 0%,#0000004d 40%,#0000 80%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-statue{object-fit:contain;object-position:bottom left;z-index:3;filter:drop-shadow(10px 10px 30px #0009);max-width:45vw;height:82%;position:absolute;bottom:0%;left:-2%}.hero-text-overlay{z-index:4;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:2vh;padding-left:18vw;display:flex;position:absolute;top:0;left:0}@media (width<=768px){.hero-section{flex-direction:column;justify-content:center;align-items:center;padding-top:80px;display:flex}.hero-radial-bg{background:radial-gradient(#000000b3 0%,#0006 60%,#0000 100%)}.hero-statue{object-position:center;max-width:80vw;height:40vh;margin-top:1rem;margin-bottom:1rem;position:relative;bottom:0;left:0}.hero-text-overlay{width:100%;height:auto;padding-top:0;padding-left:0;position:relative}.hero-text-overlay h1{letter-spacing:1px!important;font-size:2.5rem!important}.hero-text-overlay h2{font-size:1.4rem!important}.hero-text-overlay h3{font-size:1rem!important}.hero-text-overlay p{text-align:center;padding:0 1rem;font-size:.8rem!important}}
