body,html{margin:0;padding:0;height:100%;min-height:100vh}.app-container,body{display:flex;flex-direction:column}.app-container{min-height:100vh}main{flex:1 0 auto}:root{--default-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif}.main-container{flex:1 1}.main-container,.main-container *{box-sizing:border-box}button,input,select,textarea{outline:0}.main-container{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.footer,.main-container{display:flex;position:relative;background:#ffffff}.footer{align-items:center;align-self:stretch;flex-wrap:wrap;flex-shrink:0;gap:16px;min-width:0;padding:32px;z-index:16;text-align:center;justify-content:center;margin-top:auto}.oddo-content{padding:0 33px 0 38px}.features{display:grid;grid-template-columns:auto auto;grid-gap:30px;gap:30px}.features p,.oddo-content p{line-height:32px}.features p h4{display:inline;font-size:18px}.header{justify-content:space-between;width:100%;padding:1rem 2rem;background:black;position:relative;z-index:100}.header,.header-logo{display:flex;align-items:center}.header-logo{gap:1rem}.header-user{color:white;text-align:right;margin-right:2rem}.header-user p{margin:0;font-size:.9rem}.header-user .activity-time{color:#00ff00;font-size:.85rem;margin-top:.25rem}.header-user .logout-timer{color:#ffa500;font-size:.85rem;margin-top:.25rem}.nav-pill-list{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;gap:1rem}.hamburger-menu{position:relative}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-button:focus{outline:2px solid #177199;outline-offset:2px}.hamburger-button span{width:2rem;height:.25rem;background:white;border-radius:10px;transition:all .3s ease-in-out;position:relative;transform-origin:1px}.hamburger-button[aria-expanded=true] span:first-child{transform:rotate(45deg) translateY(-2px)}.hamburger-button[aria-expanded=true] span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-button[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translateY(2px)}.nav-name{color:white;text-decoration:none;transition:all .3s ease-in-out;display:flex;align-items:center}.nav-name span{font-size:1.1rem;font-weight:500}.nav-name:hover{color:#ffd700}@media (max-width:768px){.header{padding:1rem}.header-user{margin-right:1rem}.nav-name span{font-size:1rem}}