.navbar{z-index:10;background:var(--header-lg);justify-content:center;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:92px;margin:auto;padding:0 2rem;display:flex;position:relative}@media (max-width:800px){.nav-container{height:74px!important;padding:0 1.15rem!important}}.logo{font-size:23px;font-weight:700}@media (max-width:500px){.navbar{height:74px}.logo{font-size:1.2rem!important}}.nav-links{color:#fff;justify-content:center;align-items:center;gap:2rem;display:flex}.nav-links li a{color:#ccc}.nav-buttons-container{display:none}.nav-buttons-container .search-button{color:#e8e8e8;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:color .2s,background-color .2s,transform .2s;display:flex}.nav-buttons-container .search-button:hover,.nav-buttons-container .search-button:focus-visible{color:var(--primary-hover);background-color:#d4af371a;outline:none}.nav-buttons-container .search-button:active{transform:scale(.94)}.menu-button{color:#ececec;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.8rem;transition:color .2s,background-color .2s,transform .2s;display:flex}.menu-button:hover,.menu-button:focus-visible{color:var(--primary-hover);background-color:#d4af371a;outline:none}.menu-button:active{transform:scale(.94)}.lang-dropdown{align-items:center;display:inline-flex;position:relative}.lang-trigger{color:#d6d6d6;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.9rem;font-weight:600;transition:color .2s,background-color .2s;display:inline-flex}.nav-buttons-container .lang-trigger{color:#f0f0f0;font-size:.92rem}.lang-trigger:hover,.lang-trigger:focus-visible{color:var(--primary-hover);background-color:#d4af371a;outline:none}.lang-arrow{opacity:.7;font-size:.7em;transition:transform .25s,opacity .25s;display:inline-flex}.lang-menu{background-color:var(--card-color);border:1px solid var(--border-primary);transform-origin:100% 0;z-index:10;border-radius:12px;min-width:168px;margin:0;padding:.35rem;list-style:none;animation:.18s cubic-bezier(.22,1,.36,1) langMenuIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 40px #0000008c,0 0 0 1px #d4af370f}@keyframes langMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-menu li{list-style:none}.lang-menu li a{color:#e5e5e5;border-radius:8px;padding:.7rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s;display:block}.lang-menu li a:hover,.lang-menu li a:focus-visible{color:#fff;background-color:#d4af371f;outline:none;transform:none}.lang-menu li a.active{color:#fff;background-color:#d4af371f}.lang-trigger[aria-expanded=true] .lang-arrow{opacity:1;transform:rotate(180deg)}.logo{height:auto;display:block}.logo a{justify-content:center;align-items:center;gap:11px;transition:opacity .2s;display:flex}.logo a:hover{opacity:.92}.logo a svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.logo a:hover svg{transform:rotate(90deg)}.logo .logo-full{text-transform:uppercase;letter-spacing:.14em;color:#fff;font-size:1rem;font-weight:600;transition:letter-spacing .3s}.logo a:hover .logo-full{letter-spacing:.16em}.logo .logo-full span{color:var(--primary)}@media (max-width:600px){.logo svg{width:32px;height:32px}.logo .logo-full{display:none}}.lang-menu li button{color:#e5e5e5;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.7rem .8rem;font-size:.9rem;font-weight:500;transition:background-color .18s,color .18s;display:block}.lang-menu li button:hover,.lang-menu li button:focus-visible{color:#fff;background-color:#d4af371f;outline:none}.lang-menu li button.active{color:#fff;background-color:#d4af3724}
.nav-links li a{color:#ccc;align-items:center;transition:transform .2s ease-out;display:flex}.nav-links li a:hover{transform:translateY(-5px)}.nav-links li a svg{vertical-align:middle}.nav-buttons-container{justify-content:center;align-items:center;gap:.8rem;display:flex}@media (max-width:1100px){.nav-links.lang-dropdown,.nav-links{display:none}.menu-button{justify-content:center;align-items:center;margin:0;padding:0;display:flex}}@media (max-width:768px){.nav-links{display:none}.menu-button{justify-content:center;align-items:center;display:flex}}@media (max-width:350px){.nav-buttons-container{gap:.3rem}}.mobile-sidebar ul{flex-direction:column;justify-content:center;gap:30px;width:100%;height:100%;display:flex}.mobile-sidebar ul li{border-bottom:1px solid var(--hr-color)}@media (min-width:1100px){.navbar .nav-container .nav-links svg{display:none}}.sidebar-header{border-bottom:1px solid var(--hr-color);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.sidebar-profile{align-items:center;gap:.75rem;display:flex}.sidebar-avatar{object-fit:cover;border:1px solid var(--border-primary);border-radius:12px;width:44px;height:44px;box-shadow:0 0 0 1px #0006,0 6px 18px #0006,0 0 18px #d4af371a}.sidebar-userinfo{flex-direction:column;gap:.15rem;min-width:0;line-height:1.25;display:flex}.sidebar-username{letter-spacing:-.01em;color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin-left:5px;font-size:.95rem;font-weight:650;overflow:hidden}.sidebar-email{color:#8a8a8a;white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin-left:5px;font-size:.78rem;font-weight:500;overflow:hidden}.sidebar-overlay{z-index:40;background:#0009;animation:.18s fadeIn;position:fixed;inset:0}.mobile-sidebar{z-index:41;background:radial-gradient(120% 45% at 0 0,#d4af3712,#0000 60%),linear-gradient(#101010,#0b0b0b 60%,#090909);border-right:1px solid #d4af372e;flex-direction:column;width:320px;height:100dvh;transition:left .25s;display:flex;position:fixed;top:0;left:-340px;overflow:hidden;box-shadow:24px 0 60px #00000080}.mobile-sidebar.open{left:0}.sidebar-header{border-bottom:1px solid #d4af371f;justify-content:space-between;align-items:center;gap:.5rem;padding:1.35rem 1.25rem 1.1rem;display:flex}.sidebar-header>svg{color:#8a8a8a;flex-shrink:0;transition:color .18s}.sidebar-header>svg:hover{color:var(--primary)}.sidebar-title{color:#ddd;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:600}.sidebar-content{flex-direction:column;flex:1;gap:.75rem;padding:1rem .7rem;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:.35rem;padding:0 .5rem;display:flex}.sidebar-label{letter-spacing:.12em;color:#6f6f6f;text-transform:uppercase;margin:.25rem 0 .4rem .6rem;font-size:.68rem;font-weight:700}.sidebar-divider{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;margin:.4rem .5rem}.mobile-sidebar span{color:#bdbdbd}.mobile-sidebar .mobile-link{color:#bdbdbd;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex;position:relative}.mobile-link:hover{color:#fff;background:#ffffff0d;transform:translate(3px)}.mobile-link:hover span{color:#fff}.mobile-link:hover svg{opacity:1;color:var(--primary)}.mobile-link.active{color:#fff;background:linear-gradient(90deg,#d4af3729,#d4af3708);transform:none}.mobile-link.active:before{content:"";background:linear-gradient(180deg, var(--primary-hover), var(--primary));border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #d4af3780}.mobile-link.active span{color:#fff}.mobile-link.active svg{opacity:1;color:var(--primary)}.mobile-link svg{opacity:.7;flex-shrink:0;transition:opacity .18s,color .18s}.mobile-link.upgrade{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;font-weight:600;box-shadow:0 10px 30px #d4af3740}.mobile-link.upgrade:hover{transform:translate(3px)scale(1.02)}.sidebar-footer{border-top:1px solid #d4af371f;flex-direction:column;gap:.55rem;padding:1rem;display:flex}.sidebar-footer .mobile-link{justify-content:center;font-weight:600}.mobile-link.login{color:#dcdcdc;border:1px solid #ffffff1a}.mobile-link.login:hover{background:#d4af370f;border-color:#d4af3766;transform:none}.mobile-link.login:hover span,.mobile-link.login:hover svg{color:var(--primary)}.mobile-link.signup{background:linear-gradient(135deg, var(--primary-hover), var(--primary) 55%, #b78f24);color:#0a0a0a;box-shadow:0 10px 26px #d4af3738}.mobile-link.signup svg{color:#0a0a0a;opacity:1}.mobile-link.signup:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 32px #d4af374d}.mobile-sidebar::-webkit-scrollbar{width:6px}.mobile-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-sidebar{transition:transform .25s;transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}@media (max-width:420px){.mobile-sidebar{width:100%!important}}
.footer{padding:96px 24px 36px}.footer-container{justify-content:space-between;gap:100px;max-width:1200px;margin:auto;display:flex}.footer-brand{max-width:380px}.footer-logo{align-items:center;gap:12px;margin-bottom:22px;display:flex}.footer-mark{justify-content:center;align-items:center;display:flex}.footer-logo h2{letter-spacing:-.04em;color:#fff;margin:0;font-size:1.65rem;font-weight:700}.footer-logo span{color:var(--primary)}.footer-description{color:#8b8b8b;max-width:330px;margin-bottom:28px;font-size:.95rem;line-height:1.7}.footer-cta{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.footer-cta svg,.footer-cta:hover{color:var(--primary)}.footer-grid{grid-template-columns:repeat(3,150px);gap:55px;display:grid}.footer-links h3{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px;font-size:.85rem;font-weight:600}.footer-links li{margin-bottom:13px}.footer-links a{color:#8c8c8c;font-size:.95rem;transition:all .2s}.footer-links a:hover{color:#fff}.footer-divider{background:#ffffff14;max-width:1200px;margin:70px auto 28px}.footer-bottom{color:#666;max-width:1200px;margin:auto;font-size:.85rem}.footer-bottom-links a{color:#888}.footer-divider{background:var(--hr-color);max-width:1280px;height:1px;margin:60px auto 30px}.footer-bottom{color:#777;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;font-size:.9rem;display:flex}.footer-bottom p{margin:0}.footer-bottom-links{align-items:center;gap:14px;display:flex}.footer-bottom-links span{color:#777}.footer-bottom-links a{color:#999;text-decoration:none;transition:all .2s}.footer-bottom-links a:hover{color:#fff}@media (max-width:1000px){.footer-container{flex-direction:column;gap:60px}.footer-brand{max-width:none}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width:700px){.footer{padding:60px 20px 30px}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-logo h2{font-size:1.7rem}.footer-description{font-size:.95rem}.footer-bottom{text-align:center;flex-direction:column;gap:18px}.footer-social{justify-content:center}}
.bottom-nav{display:none}@media (max-width:769px){.bottom-nav{border-top:1px solid var(--border-primary);z-index:30;background:#080808fa;justify-content:space-around;align-items:center;width:100%;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#7c7c7c;flex:1;justify-content:center;align-items:center;height:100%;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item svg{fill:currentColor;stroke:currentColor;width:26px;height:26px;transition:all .2s}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item:hover{color:#fff}.bottom-nav-item.active{color:var(--primary);background:#d4af371f}.bottom-nav-item svg{transition:all .25s}.bottom-nav-item.active svg{transform:scale(1.18)}}