:root{--nav-color: rgba(54, 48, 48, .75);--text-color: black;--background-header-enter-color: #4F46E5;--text-header-enter-color: white;--shadow-header-enter-color: rgba(28, 45, 232, .85);--background-footer-enter-color: #111827}:root{--header-height: 150px}.header__container{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 5px #0000001a}.header__spacer{height:var(--header-height);width:100%}.header{max-width:2100px;margin:0 auto;padding:20px 80px 30px;display:flex;align-items:center;justify-content:space-between}.headerBurger{display:none;position:relative;width:42px;height:42px;border-radius:12px;border:1px solid #cbd5e1;background:#f8fafc;align-items:center;justify-content:center;flex-direction:column;gap:5px;touch-action:manipulation;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}.headerBurger span{width:18px;height:2px;border-radius:2px;background:#334155;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,background-color .25s ease}.headerBurger:active{transform:scale(.96)}.headerBurger--open{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 10px 24px #4f46e52e}.headerBurger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.headerBurger--open span:nth-child(2){opacity:0}.headerBurger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.headerMobileOverlay{position:fixed;inset:0;background:#02061759;border:none;z-index:999;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s linear .32s;pointer-events:none}.headerMobileOverlay--open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease,visibility 0s linear 0s}.headerMobileMenu{position:fixed;top:0;right:0;width:min(88vw,360px);height:100dvh;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-14px 0 36px #0f172a33;padding:96px 20px 24px;transform:translate3d(104%,0,0) scale(.98);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .36s;z-index:1001;overflow-y:auto;opacity:0;visibility:hidden;will-change:transform,opacity;display:block;pointer-events:none}.headerMobileMenu--open{transform:translateZ(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear 0s}.headerMobileClose{position:absolute;top:24px;right:20px;width:42px;height:42px;border-radius:12px;border:1px solid #cbd5e1;background:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer}.headerMobileClose:before,.headerMobileClose:after{content:"";position:absolute;width:18px;height:2px;background:#334155;border-radius:2px}.headerMobileClose:before{transform:rotate(45deg)}.headerMobileClose:after{transform:rotate(-45deg)}[data-theme=dark] .headerMobileClose{border-color:#3f3b5b;background:#1e1b33}[data-theme=dark] .headerMobileClose:before,[data-theme=dark] .headerMobileClose:after{background:#e2e8f0}.headerLogo{height:100px;width:auto}.headerNav{color:var(--nav-color);font-weight:500;font-size:22px;display:flex;justify-content:center;gap:35px;letter-spacing:.025em;position:relative;transition:.3s all}.headerNav a{position:relative}.headerNav a:after{content:"";position:absolute;width:0%;height:1px;background-color:#000;bottom:-4px;left:0;transition:.3s all}[data-theme=dark] .headerNav a:after{background-color:#fff}.headerNav a:hover:after{width:100%}.rightBtns{display:flex;align-items:center;gap:20px;justify-content:center}.headerAuthSkeleton{width:96px;height:42px;border-radius:8px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:220% 100%;animation:headerSkeleton 1.2s ease-in-out infinite}.headerEnter{background-color:var(--background-header-enter-color);box-shadow:var(--shadow-header-enter-color) 0 0 25px;color:var(--text-header-enter-color);cursor:pointer;font-size:16px;font-weight:700;line-height:100%;text-transform:uppercase;border:none;border-radius:6px;padding:16px 20px;text-decoration:none;transition:.3s all}.profileMenu{position:relative}.profileMenuTrigger{display:flex;flex-direction:column;align-items:center;gap:4px}.avatarButton{width:48px;height:48px;border-radius:999px;border:2px solid rgba(99,102,241,.25);background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:18px;transition:transform .2s ease,box-shadow .2s ease}.avatarButton:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f159}.avatarBalanceLabel{font-size:11px;font-weight:700;color:#1d4ed8;line-height:1}.profileMenuDropdown{position:absolute;right:0;top:calc(100% + 12px);min-width:220px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 16px 30px #0f172a26;padding:10px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transform:translateY(4px)}.group:hover .profileMenuDropdown,.group:focus-within .profileMenuDropdown{opacity:1;visibility:visible;transform:translateY(0)}.profileMenuUser{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #e2e8f0;padding:8px 10px 10px;margin-bottom:10px}.profileMenuUser p{font-size:14px;color:#0f172a;font-weight:600}.profileMenuUser span{font-size:12px;color:#64748b;font-weight:500;word-break:break-all}.profileMenuBalance{margin-top:6px;font-size:13px;color:#1d4ed8}.profileMenuItem{width:100%;border:none;background:transparent;display:block;text-align:left;text-decoration:none;padding:10px;border-radius:10px;font-size:14px;font-weight:600;color:#334155;transition:background-color .2s ease,color .2s ease}.profileMenuItem:hover{background:#eef2ff;color:#4338ca}.profileMenuDanger{color:#dc2626}[data-theme=dark] .profileMenuDropdown{background:#1e1b33;border-color:#3f3b5b}[data-theme=dark] .profileMenuUser{border-color:#3f3b5b}[data-theme=dark] .profileMenuUser p{color:#f8fafc}[data-theme=dark] .profileMenuUser span{color:#cbd5e1}[data-theme=dark] .profileMenuBalance,[data-theme=dark] .avatarBalanceLabel{color:#93c5fd}[data-theme=dark] .profileMenuItem{color:#e2e8f0}[data-theme=dark] .profileMenuItem:hover{background:#2a2645;color:#c7d2fe}[data-theme=dark] .profileMenuDanger{color:#fca5a5}@media(max-width:1024px){:root{--header-height: 120px}.header{padding:16px 20px}.headerLogo{height:70px}.headerNav,.rightBtns{display:none}.headerBurger{display:inline-flex}.headerMobileOverlay{display:block;position:fixed;inset:0;background:#02061759;border:none;z-index:999}.headerMobileMenu{position:fixed;top:0;right:0;width:min(88vw,360px);height:100dvh;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-14px 0 36px #0f172a33;padding:96px 20px 24px;transform:translate3d(104%,0,0) scale(.98);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .36s;z-index:1001;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.headerMobileMenu--open{transform:translateZ(0) scale(1);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear 0s}.headerMobileNav{display:flex;flex-direction:column;gap:12px}.headerMobileNav a{display:block;padding:12px;border-radius:10px;font-weight:600;color:#1e293b;background:#f8fafc;word-break:break-word}.headerMobileBottom{margin-top:16px;display:flex;flex-direction:column;gap:10px}.headerMobileNav>li,.headerMobileBottom{opacity:0;transform:translate(12px);transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}.headerMobileMenu--open .headerMobileNav>li,.headerMobileMenu--open .headerMobileBottom{opacity:1;transform:translate(0)}.headerMobileMenu--open .headerMobileNav>li:nth-child(1){transition-delay:.05s}.headerMobileMenu--open .headerMobileNav>li:nth-child(2){transition-delay:.08s}.headerMobileMenu--open .headerMobileNav>li:nth-child(3){transition-delay:.11s}.headerMobileMenu--open .headerMobileNav>li:nth-child(4){transition-delay:.14s}.headerMobileMenu--open .headerMobileBottom{transition-delay:.17s}.headerMobileUserMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#0f172a}.headerMobileUserMeta strong{font-size:14px}.headerMobileUserMeta span{font-size:13px;color:#1d4ed8;font-weight:700}.headerMobileUser{display:flex;flex-direction:column;gap:8px}.headerMobilePrimary,.headerMobileSecondary,.headerMobileDanger{display:block;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:700}.headerMobilePrimary{color:#fff;background:linear-gradient(90deg,#4f46e5,#6366f1)}.headerMobileSecondary{color:#1e293b;background:#eef2ff}.headerMobileDanger{border:1px solid #fecaca;color:#b91c1c;background:#fff;text-align:left}[data-theme=dark] .headerBurger{border-color:#3f3b5b;background:#1e1b33}[data-theme=dark] .headerBurger span{background:#e2e8f0}[data-theme=dark] .headerBurger--open{background:#2a2645;border-color:#4f46e5}[data-theme=dark] .headerMobileMenu{background:#1e1b33;border-color:#3f3b5b}[data-theme=dark] .headerMobileNav a{background:#2a2645;color:#f8fafc}[data-theme=dark] .headerMobileSecondary{background:#2a2645;color:#c7d2fe}[data-theme=dark] .headerMobileUserMeta{background:#2a2645;color:#f8fafc}[data-theme=dark] .headerMobileUserMeta span{color:#93c5fd}[data-theme=dark] .headerMobileDanger{background:#231331;border-color:#7f1d1d;color:#fca5a5}}@media(prefers-reduced-motion:reduce){.headerBurger,.headerBurger span,.headerMobileOverlay,.headerMobileMenu,.headerMobileNav>li,.headerMobileBottom{transition:none!important}}@keyframes headerSkeleton{0%{background-position:100% 50%}to{background-position:0 50%}}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.theme-slide-forward{animation:theme-slide .3s forwards}.theme-slide-back{animation:theme-slide-back .3s forwards}body.loaded main{animation:fadeInUp 1.2s ease-out}img{transition:filter .3s ease}[data-theme=dark] img{filter:brightness(.9) contrast(1.1)}.animate-typing{animation:typing 3s linear infinite}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}#themeSlider{transition-duration:.4s;transition:.4s all}#preloader{opacity:1;visibility:visible;transition:opacity .5s ease,visibility .5s ease}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-circle{animation:spin 1s linear infinite}@keyframes theme-slide{0%{transform:translate(0)}to{transform:translate(28px)}}@keyframes theme-slide-back{0%{transform:translate(28px)}to{transform:translate(0)}}@keyframes typing{0%,to{opacity:0;transform:translateY(-2px)}50%{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
