:root{--main-color: #2d3748;--secondary-color: rgb(170, 86, 86)}html,body{background:#f9fbfc;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-size:16px;color:var(--main-color)}body,button,input,select,textarea{font-family:Roboto Flex,sans-serif}.main-container{width:85%;padding:2rem 1.5rem 1rem;padding-top:150px;margin:0 auto;font-size:25px;color:#2d3748}.presentation{font-size:30px;text-align:justify}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2rem;background:var(--main-color);color:#fff;border-bottom:1px solid #333;box-shadow:0 2px 6px #0003;box-sizing:border-box;flex-wrap:nowrap}.brand{text-decoration:none;color:inherit;min-width:0}.header h2{font-weight:600}.nav-buttons{display:flex;gap:1rem;margin-left:auto}.nav-button{padding:.6rem 1.2rem;background:transparent;border:1px solid #fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;color:#fff;transition:all .3s ease}.nav-button:hover,.nav-button.active{background:#fff;color:#000}.mobile-menu{display:none;position:relative;margin-left:auto}.hamburger{background:none;border:none;color:#fff;font-size:28px;cursor:pointer}.overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:flex-start;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease;padding-top:130px}.overlay.show{opacity:1;pointer-events:auto}.dropdown{width:100%;max-width:400px;background:transparent;list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:0;border-radius:0}.dropdown .nav-button{width:100%;padding:1.5rem 2rem;text-align:left;background:#ffffff1a;color:#fff;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dropdown .nav-button:hover{background:#fff3;color:var(--secondary-color);transform:translate(8px)}.dropdown .nav-button.active{background:#ffffff40;color:var(--secondary-color);border-left:4px solid var(--secondary-color)}.dropdown .nav-button:last-child{border-bottom:none}@media (max-width: 1000px){.header h2{font-size:16px}.nav-buttons{display:none}.mobile-menu{display:block}}