@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";:root{--color-primary:#fac33a;--color-primary-dark:#e59400;--color-primary-transparent:#fac33a1a;--color-text:#0e1510;--color-alt-text:#898b8a;--color-background:#fff;--color-background-alt:#edf2ee;--color-border:#efefef;--color-text-danger:#fa403a;--responsive-breakpoint:768px}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:var(--color-background);min-height:100vh;color:var(--color-text);font-family:Oswald,sans-serif;font-size:16px;line-height:1.25}.layout{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}[x-cloak]{display:none}h1,h2,h3,h4,h5,h6{color:var(--color-text)}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff9;justify-content:center;width:100%;display:flex;position:sticky;top:0}header>.container{border:1px solid var(--color-border);border-top:none;justify-content:space-between;align-items:center;width:100%;max-width:1020px;height:56px;margin:auto;padding:0 24px;display:flex;container-type:inline-size}header>.container .user-profile-dropdown{height:100%;position:relative}header>.container .user-profile-dropdown .user-menu{border-left:1px solid var(--color-border);cursor:pointer;justify-content:space-between;align-items:center;width:191px;height:100%;padding-left:24px;display:flex}header>.container .user-profile-dropdown .user-menu .user-info{align-items:center;gap:8px;display:flex}header>.container .user-profile-dropdown .user-menu .user-info .avatar{border-radius:50%;width:36px;height:36px}header>.container .user-profile-dropdown .user-menu .drop-icon{color:var(--color-alt-text);width:24px;height:24px;transition:transform .2s}header>.container .user-profile-dropdown .user-menu .drop-icon.open{transform:rotate(180deg)}header>.container .user-profile-dropdown .user-menu-mobile{cursor:pointer;align-items:center;gap:8px;height:100%;display:none}header>.container .user-profile-dropdown .user-menu-mobile .avatar{border-radius:50%;width:36px;height:36px}header>.container .user-profile-dropdown .user-dropdown-panel{border:1px solid var(--color-border);background-color:var(--color-background);z-index:60;flex-direction:column;width:100%;min-width:215px;padding:0 12px;display:flex;position:absolute;left:0}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-link{color:var(--color-alt-text);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 0;display:flex}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-link .icon{width:20px;height:20px;color:var(--color-text)}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-link:hover{color:var(--color-text)}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-form{align-items:center;gap:12px;width:100%;display:flex}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-form .user-dropdown-action{width:100%;color:var(--color-alt-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 0}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-form .icon{width:20px;height:20px;color:var(--color-text-danger)}header>.container .user-profile-dropdown .user-dropdown-panel .user-dropdown-form .user-dropdown-action:hover{color:var(--color-text-danger)}header>.container .mobile-menu{width:24px;height:24px;color:var(--color-text);cursor:pointer;display:none}header>.container nav{align-items:center;gap:16px;display:flex}header>.container nav a{padding:0 10px}header>.container .sign-in{background-color:var(--color-text);color:var(--color-background);border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:flex}@container (width<=768px){header>.container .mobile-menu{display:block}header>.container nav{display:none}header>.container .user-profile-dropdown .user-menu{display:none}header>.container .user-profile-dropdown .user-menu-mobile{display:flex}header>.container .user-profile-dropdown .user-dropdown-panel{width:220px;min-width:220px;left:auto;right:0}}.mobile-nav{background-color:var(--color-background);z-index:40;flex-direction:column;display:flex;position:fixed;inset:56px 0 0}.mobile-nav nav{flex-direction:column;display:flex}.mobile-nav nav a{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 24px;font-size:24px;display:flex}.mobile-nav nav a .icon{width:24px;height:24px;color:var(--color-alt-text)}main{border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);flex-direction:column;flex:1;width:100%;max-width:1020px;margin:auto;display:flex}footer{justify-content:center;width:100%;display:flex}footer>.container{border:1px solid var(--color-border);border-bottom:none;width:100%;max-width:1020px;margin:auto;container-type:inline-size}footer .top{justify-content:space-between;padding:24px;display:flex}footer .top .left{flex-direction:column;align-items:start;gap:8px;display:flex}footer .top .left span{color:var(--color-alt-text)}footer .top .left img{height:36px}footer .top .right{align-items:start;gap:48px;display:flex}footer .top .right .links{flex-direction:column;gap:8px;display:flex}footer .top .right .links a{color:var(--color-alt-text)}footer .top .right .links a:hover{color:var(--color-text)}footer .bottom{border-top:1px solid var(--color-border);justify-content:center;align-items:center;padding:12px 24px;display:flex}footer .bottom span{color:var(--color-alt-text);font-size:14px}@container (width<=768px){footer .top{flex-direction:column;gap:24px}}