:root{--maincolor:#0a7ea4;--lightmode:#fbfaf5;--lightmodetext:#000;--lightmodesection:#f7fcfe;--darkmode:#0c0c0c;--darkmodetext:#fff;--darkmodesection:#171717;--lightbordercolor:#d4d4d4;--darkbordercolor:#333;--bordercolor:var(--lightbordercolor)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--lightmode)}html.dark-mode{--bordercolor:var(--darkbordercolor);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--darkmode)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html{height:100%;min-height:100dvh}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100dvh;color:var(--lightmodetext);background:var(--lightmode);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Inter,sans-serif;display:flex;overflow:hidden auto}header,footer{flex-shrink:0}html.theme-ready body{transition:background-color .3s,color .3s}html.dark-mode body{color:var(--darkmodetext);background:var(--darkmode)}main{flex-direction:column;flex:1;width:100%;min-height:100dvh;display:flex;overflow:hidden}
.theme-toggle{cursor:pointer;width:2rem;height:2rem;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle svg{fill:currentColor}.theme-toggle svg:first-child{display:block}.theme-toggle svg:nth-child(2),html.dark-mode .theme-toggle svg:first-child{display:none}html.dark-mode .theme-toggle svg:nth-child(2){display:block}
header{letter-spacing:-.005em;padding:1.5rem 2rem 0;font-size:1rem;font-weight:700}.header-container{margin-inline:auto;justify-content:space-between;align-items:center;width:100%;min-width:200px;max-width:1200px;margin-bottom:.5rem;display:flex}.header-brand{align-items:center;gap:.75rem;display:flex}.header-logo{align-items:center;display:flex}.header-menu-button{cursor:pointer;width:2rem;height:2rem;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;padding:0;display:none}.header-menu-button span{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.header-drawer{background:var(--lightmode);z-index:100;width:280px;height:100vh;padding:2rem;transition:transform .3s;display:none;position:fixed;top:0;left:0;transform:translate(-100%)}html.dark-mode .header-drawer{background:var(--darkmode)}.header-drawer.is-open{transform:translate(0)}.header-drawer-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-drawer-logo{letter-spacing:-.005em;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.header-drawer-close{cursor:pointer;width:2rem;height:2rem;color:inherit;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.header-drawer-close:hover{opacity:.7}.header-drawer-nav{flex-direction:column;gap:1.25rem;display:flex}.header-drawer-nav a{letter-spacing:-.005em;font-size:1rem;font-weight:700}.header-drawer-overlay{z-index:99;cursor:pointer;background:#0006;border:none;display:none;position:fixed;inset:0}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-nav{gap:1rem;display:flex}.header-login{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.header-login-button{background-color:var(--maincolor);cursor:pointer;letter-spacing:-.005em;color:#fff;border-radius:3px;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:70px;height:35px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.header-login-placeholder{flex-shrink:0;width:70px;height:35px}.header-divider{border:none;border-top:1px solid var(--bordercolor)}
.footer{width:100%;padding:2rem 2rem 1.5rem}.footer-divider{border:none;border-top:1px solid var(--bordercolor);margin-bottom:2rem}.footer-container{margin-inline:auto;width:100%;min-width:400px;max-width:1200px;margin-top:.5rem}.footer-grid{flex-direction:row;justify-content:space-between;gap:2rem;margin-bottom:2rem;display:flex}.footer-brand-container{flex-direction:column;gap:.5rem;display:flex}.footer-brand{letter-spacing:-.005em;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.footer-desc{letter-spacing:normal;text-transform:none;opacity:.7;max-width:280px;font-size:.875rem;font-weight:400;line-height:1.5}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-col a{letter-spacing:normal;text-transform:none;opacity:.7;font-size:.875rem;font-weight:500;transition:opacity .2s}.footer-col a:hover{opacity:1}.footer-bottom{border-top:1px solid color-mix(in srgb, var(--bordercolor) 50%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.footer-bottom span,.footer-bottom-links a{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.75rem;font-weight:500}.footer-bottom-links{align-items:center;gap:1rem;display:flex}.footer-bottom-links a{transition:opacity .2s}.footer-bottom-links a:hover{opacity:.7}
.header-user{position:relative}.header-user-button{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem;font-family:inherit;display:flex}.header-user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.header-user-avatar-placeholder{background:var(--maincolor);color:#fff;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.header-user-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.85rem;font-weight:600;overflow:hidden}.header-user-menu{z-index:60;background:var(--lightmodesection);border:1px solid var(--bordercolor);border-radius:10px;min-width:140px;padding:.25rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}html.dark-mode .header-user-menu{background:var(--darkmodesection)}.header-user-menu-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;font-weight:400;text-decoration:none;display:block}.header-user-menu-link:hover{background:#0000000f}html.dark-mode .header-user-menu-link:hover{background:#ffffff14}.header-user-menu-signout{font-weight:400}.header-user-menu-signout:hover{color:#dc2626;background:#dc26261a}
@media (max-width:900px){.header-menu-button{display:flex}.header-nav,.header-user-name{display:none}.header-drawer.is-open{flex-direction:column;display:flex}.header-drawer-overlay{display:block}.header-divider,.footer-divider{display:none}header{border-bottom:1px solid var(--bordercolor)}footer{border-top:1px solid var(--bordercolor)}}@media (max-width:400px){.header-drawer{width:100%}}