/* css/header.css */
:root{--header-h: 72px;--header-bg: color-mix(in srgb,var(--sog-bg-2) 86%,transparent);--header-ctl: 36px;--text-bright: var(--en-text);--text-muted: var(--en-text-dim);--border-dim: var(--en-line-soft)}@media (max-width: 1024px){:root{--header-h: 64px}}@keyframes spin{to{transform: rotate(360deg)}}::-webkit-scrollbar{width: 11px;background: var(--en-bg-2)}::-webkit-scrollbar-thumb{background: color-mix(in srgb,var(--sog-accent) 25%,transparent);border-radius: 10px;border: 2px solid var(--en-bg-2)}::-webkit-scrollbar-thumb:hover{background: color-mix(in srgb,var(--sog-accent) 45%,transparent)}::-webkit-scrollbar-track{background: transparent}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}body{min-height: 100vh;overflow-x: hidden;background: radial-gradient(900px 420px at 85% -10%,color-mix(in srgb,var(--sog-accent) 5%,transparent),transparent 60%),var(--en-bg);font-family: var(--sog-font-body);color: var(--en-text);padding-top: var(--header-h,72px)}a{color: var(--en-em-bright);text-decoration: none}a:hover{color: var(--en-em);text-decoration: none}.hidden{display: none !important}.pointer{cursor: pointer}.noselect{-webkit-user-select: none;user-select: none;-webkit-touch-callout: none}.loader{border: 16px solid color-mix(in srgb,var(--sog-text) 8%,transparent);border-radius: 50%;border-top-color: var(--en-em);border-right-color: var(--en-em-bright);border-bottom-color: var(--en-em);border-left-color: var(--en-em-bright);animation: spin 1s linear infinite}.HEADER{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;height: var(--header-h);background: radial-gradient(640px 130px at 18% -70px,color-mix(in srgb,var(--sog-brand-a) 10%,transparent),transparent 70%),radial-gradient(640px 130px at 82% -70px,color-mix(in srgb,var(--sog-accent) 12%,transparent),transparent 70%),var(--header-bg);backdrop-filter: blur(16px) saturate(1.2);-webkit-backdrop-filter: blur(16px) saturate(1.2);border-bottom: 1px solid var(--sog-border-soft);box-shadow: inset 0 -1px 0 color-mix(in srgb,var(--sog-text) 3%,transparent);transition: box-shadow 0.25s ease,border-color 0.25s ease,background-color 0.25s ease}.HEADER.is-scrolled{--header-bg: color-mix(in srgb,var(--sog-bg-2) 95%,transparent);border-bottom-color: var(--sog-border);box-shadow: var(--sog-shadow)}.H_contents{position: relative;display: flex;align-items: center;gap: 14px;width: 100%;max-width: 1600px;height: 100%;margin: 0 auto;padding: 0 28px}.H_brand{display: inline-flex;align-items: center;gap: 10px;flex-shrink: 0;height: 100%;color: var(--sog-text);text-decoration: none;border-radius: 14px}.H_brand:hover{color: var(--sog-text)}.H_brand:focus-visible{outline: 2px solid var(--sog-accent-text);outline-offset: 2px}.H_brand-ico{width: 52px;height: 52px;flex-shrink: 0;filter: drop-shadow(0 0 1px color-mix(in srgb,var(--sog-text) 45%,transparent)) drop-shadow(0 3px 8px color-mix(in srgb,var(--sog-bg) 60%,transparent));transition: transform 0.3s cubic-bezier(0.34,1.4,0.64,1)}@media (hover: hover){.H_brand:hover .H_brand-ico{transform: rotate(6deg) scale(1.06)}}.H_word{font-family: var(--sog-font-brand);font-weight: 700;font-size: 1.45rem;line-height: 1;letter-spacing: 0.2px;white-space: nowrap;color: var(--sog-brand-a)}.H_word-of{margin: 0 1px;font-size: 0.74em;color: var(--sog-text-muted)}.H_word-g{background: linear-gradient(100deg,var(--sog-brand-a) 0%,var(--sog-brand-b) 90%);-webkit-background-clip: text;background-clip: text;color: transparent}.H_links{display: flex;justify-content: center;justify-content: safe center;flex: 1 1 auto;min-width: 0}.H_menulinks{display: flex;align-items: center;gap: 2px;padding: 4px;border: 1px solid var(--sog-border-soft);border-radius: 14px;background: color-mix(in srgb,var(--sog-text) 3%,transparent)}.menulink{position: relative;display: inline-flex;align-items: center;gap: 8px;height: var(--header-ctl);padding: 0 14px;border-radius: 10px;font-family: var(--sog-font-body);font-size: 0.88rem;font-weight: 600;letter-spacing: 0.2px;color: var(--sog-text-muted);white-space: nowrap;transition: background 0.15s ease,color 0.15s ease}.menulink i{display: none;font-size: 1rem}@media (hover: hover){.menulink:hover{color: var(--sog-text);background: var(--sog-surface-hover)}}.menulink:focus-visible{outline: 2px solid var(--sog-accent-text);outline-offset: 1px}.menulink.is-active{color: var(--sog-accent-text);background: var(--sog-accent-soft)}.menulink.is-active::after{content: '';position: absolute;bottom: 3px;left: 50%;width: 16px;height: 2px;border-radius: 2px;translate: -50% 0;background: var(--sog-accent);box-shadow: 0 0 8px var(--sog-accent-glow)}.menulink.homelink{justify-content: center;width: var(--header-ctl);padding: 0}.menulink.homelink i{display: inline-block}.menulink.homelink .menulink-txt{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}.menulink.homelink.is-active::after{bottom: 2px;width: 12px}.menulink-hot{isolation: isolate}.menulink-hot .menulink-txt{position: relative;z-index: 2;transition: color 0.2s ease,text-shadow 0.2s ease}.menulink-fire{position: absolute;inset: 0;z-index: 1;border-radius: inherit;overflow: hidden;pointer-events: none;transform: scaleY(0);transform-origin: 50% 100%;transition: transform 0.45s cubic-bezier(0.22,1,0.36,1)}.menulink-fire span{position: absolute;bottom: -7px;left: var(--x);width: var(--w);height: var(--w);margin-left: calc(var(--w) / -2);transform-origin: 50% 100%;will-change: transform}.menulink-fire span::before{content: '';position: absolute;inset: 0;border-radius: 50% 0 50% 50%;rotate: -45deg;background: linear-gradient(45deg,var(--sog-fire-core) 15%,var(--sog-fire-mid) 50%,var(--sog-fire-tip) 90%)}.menulink-fire span:nth-child(1){--x: 14%;--w: 16px;--t: 1.3s;--d: -0.4s}.menulink-fire span:nth-child(2){--x: 32%;--w: 22px;--t: 1.6s;--d: -1.1s}.menulink-fire span:nth-child(3){--x: 50%;--w: 26px;--t: 1.4s;--d: -0.2s}.menulink-fire span:nth-child(4){--x: 68%;--w: 21px;--t: 1.75s;--d: -0.9s}.menulink-fire span:nth-child(5){--x: 86%;--w: 15px;--t: 1.2s;--d: -0.7s}.menulink-fire span:nth-child(6){--x: 50%;--w: 14px;--t: 1.05s;--d: -0.5s;bottom: -4px;z-index: 1}.menulink-fire span:nth-child(6)::before{background: linear-gradient(45deg,var(--sog-fire-core) 40%,var(--sog-fire-mid))}.menulink-hot::before{content: '';position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: radial-gradient(65% 90% at 50% 125%,color-mix(in srgb,var(--sog-fire-mid) 50%,transparent),transparent 75%);opacity: 0;transform-origin: 50% 100%;transition: opacity 0.25s ease;pointer-events: none}.menulink-embers{position: absolute;inset: 0;z-index: 3;border-radius: inherit;overflow: hidden;pointer-events: none}.menulink-embers span{position: absolute;bottom: 45%;width: 3px;height: 3px;border-radius: 50%;background: var(--sog-fire-core);box-shadow: 0 0 4px 1px color-mix(in srgb,var(--sog-fire-mid) 70%,transparent);opacity: 0}.menulink-embers span:nth-child(1){left: 26%;--dx: -4px}.menulink-embers span:nth-child(2){left: 52%;--dx: 3px;width: 2px;height: 2px}.menulink-embers span:nth-child(3){left: 72%;--dx: 6px}.menulink-hot:is(:hover,:focus-visible){background: color-mix(in srgb,var(--sog-fire-tip) 14%,transparent)}.menulink-hot:is(:hover,:focus-visible)::before{opacity: 1;animation: sog-fire-glow 1.5s ease-in-out infinite alternate}.menulink-hot:is(:hover,:focus-visible) .menulink-txt{color: var(--sog-on-fire);text-shadow: 0 0 2px var(--sog-on-fire-shadow),0 1px 3px var(--sog-on-fire-shadow)}.menulink-hot:is(:hover,:focus-visible) .menulink-fire{transform: scaleY(1)}.menulink-hot:is(:hover,:focus-visible) .menulink-fire span{animation: sog-tongue var(--t) ease-in-out var(--d) infinite alternate,sog-sway calc(var(--t) * 1.7) ease-in-out var(--d) infinite alternate}.menulink-hot:is(:hover,:focus-visible) .menulink-embers span{animation: sog-ember 1.15s ease-out infinite}.menulink-hot:is(:hover,:focus-visible) .menulink-embers span:nth-child(2){animation-duration: 1.4s;animation-delay: 0.35s}.menulink-hot:is(:hover,:focus-visible) .menulink-embers span:nth-child(3){animation-duration: 0.95s;animation-delay: 0.6s}@keyframes sog-fire-glow{from{transform: scale(1,0.92)}to{transform: scale(1.03,1.1)}}@keyframes sog-tongue{from{transform: scale(0.94,0.9)}to{transform: scale(1,1.42)}}@keyframes sog-sway{from{rotate: -4deg}to{rotate: 4deg}}@keyframes sog-ember{0%{opacity: 0;transform: translate(0,0) scale(1)}15%{opacity: 1}100%{opacity: 0;transform: translate(var(--dx),-18px) scale(0.4)}}@media (prefers-reduced-motion: reduce){.menulink-fire{transition: none}.menulink-hot:is(:hover,:focus-visible)::before,.menulink-hot:is(:hover,:focus-visible) .menulink-fire span{animation: none;transform: scaleY(1.25)}.menulink-embers{display: none}}.H_drawer-extra{display: none}.nav-scrim{display: none}.H_end{display: flex;align-items: center;gap: 10px;flex-shrink: 0;margin-left: auto}.H_end .gs-trigger-ico{width: var(--header-ctl);height: var(--header-ctl)}.H_tools{display: flex;align-items: center;gap: 6px;padding: 0 10px;border-left: 1px solid var(--sog-border-soft);border-right: 1px solid var(--sog-border-soft)}.H_account_wrap{display: flex;align-items: center;flex-shrink: 0}.lang-dropdown-wrap{position: relative;flex-shrink: 0}.lang-dropdown-btn{display: flex;align-items: center;gap: 6px;height: var(--header-ctl);padding: 0 10px;border-radius: 10px;border: 1px solid var(--sog-border-soft);background: var(--sog-surface);color: var(--sog-text-muted);cursor: pointer;font-family: var(--sog-font-body);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.3px;transition: background 0.15s ease,border-color 0.15s ease,color 0.15s ease;white-space: nowrap}@media (hover: hover){.lang-dropdown-btn:hover{background: var(--sog-surface-hover);border-color: var(--sog-border);color: var(--sog-text)}}.lang-dropdown-btn.lang-btn-open{background: var(--sog-accent-soft);border-color: var(--sog-border);color: var(--sog-text)}.lang-dropdown-btn:focus-visible{outline: 2px solid var(--sog-accent-text);outline-offset: 2px}.lang-caret{color: currentColor;opacity: 0.6;transition: transform 0.2s ease;flex-shrink: 0}.lang-btn-open .lang-caret{transform: rotate(180deg)}.lang-dropdown-menu{display: none;position: absolute;top: calc(100% + 10px);right: 0;min-width: 128px;max-height: calc(100vh - 90px);overflow-y: auto;background: color-mix(in srgb,var(--sog-bg-2) 98%,transparent);border: 1px solid var(--sog-border);border-radius: 12px;padding: 5px;box-shadow: var(--sog-shadow);z-index: 2000;backdrop-filter: blur(12px)}.lang-dropdown-menu.lang-menu-open{display: block;animation: hdr-pop 0.16s ease-out}@keyframes hdr-pop{from{opacity: 0;transform: translateY(-4px)}}.lang-option{display: flex;align-items: center;gap: 8px;width: 100%;padding: 8px 10px;border: none;background: transparent;color: var(--sog-text-muted);cursor: pointer;font-family: var(--sog-font-body);font-size: 0.82rem;font-weight: 500;border-radius: 8px;text-align: left;transition: background 0.12s ease,color 0.12s ease}.lang-option:hover{background: var(--sog-surface-hover);color: var(--sog-text)}a.lang-option{text-decoration: none;box-sizing: border-box}.lang-option-active{color: var(--sog-accent-text) !important}.lang-check{margin-left: auto;color: var(--sog-accent);flex-shrink: 0}.lang-label{font-size: 0.8rem}.cur-badge{min-width: 1.1em;font-size: 0.85rem;font-weight: 700;text-align: center}.currency-note{margin: 8px 2px 0;color: var(--text-muted);font-size: 0.78rem}.cur-symbol{display: inline-block;min-width: 1.9em;font-size: 0.78rem;font-weight: 600;text-align: center}.theme-toggle{flex-shrink: 0;padding: 0 9px;font-size: 0.95rem;line-height: 1}.theme-sky{position: relative;overflow: hidden;isolation: isolate;justify-content: center;width: var(--header-ctl);height: var(--header-ctl);padding: 0;border-color: var(--sog-border-strong)}.theme-sky::before,.theme-sky::after{content: "";position: absolute;inset: 0;z-index: -1;transition: opacity var(--sky-dur,0.7s) ease}.theme-sky::before{background: radial-gradient(circle at 50% 115%,var(--sog-sky-day-edge),var(--sog-sky-day) 72%)}.theme-sky::after{opacity: 0;background: radial-gradient(circle at 22% 28%,var(--sog-moon) 0 0.6px,transparent 1.2px),radial-gradient(circle at 78% 22%,var(--sog-moon) 0 0.5px,transparent 1.1px),radial-gradient(circle at 70% 76%,var(--sog-moon) 0 0.5px,transparent 1px),radial-gradient(circle at 50% 115%,var(--sog-sky-night),var(--sog-sky-night-edge) 75%)}:root[data-theme="light"] .theme-sky::after{opacity: 1}@media (hover: hover){.theme-sky:hover{filter: brightness(1.08);box-shadow: 0 0 10px var(--sog-accent-glow)}}.theme-sky i{position: absolute;left: 50%;top: 50%;translate: -50% -50%;transform-origin: 50% 260%;transition: transform var(--sky-dur,0.7s) cubic-bezier(0.45,0.05,0.25,1)}.theme-toggle__sun{--fa-primary-color: var(--sog-sun);--fa-secondary-color: var(--sog-sun);--fa-secondary-opacity: 0.5;transform: rotate(calc(var(--sky-turn) * 180deg))}.theme-toggle__moon{--fa-primary-color: var(--sog-moon);--fa-secondary-color: var(--sog-moon);--fa-secondary-opacity: 0.35;transform: rotate(calc(var(--sky-turn) * 180deg - 180deg))}.theme-sky{--sky-turn: 0}:root[data-theme="light"] .theme-sky{--sky-turn: 1}@media (prefers-reduced-motion: reduce){.theme-sky::before,.theme-sky::after,.theme-sky i{transition: none}}::view-transition-old(root),::view-transition-new(root){animation: none;mix-blend-mode: normal}.theme-switching *,.theme-switching *::before,.theme-switching *::after{transition: none !important}@media (prefers-reduced-motion: no-preference){.theme-switching .theme-sky::before,.theme-switching .theme-sky::after{transition: opacity var(--sky-dur,0.7s) ease !important}.theme-switching .theme-sky i{transition: transform var(--sky-dur,0.7s) cubic-bezier(0.45,0.05,0.25,1) !important}}.nav-hamburger{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 40px;height: 40px;padding: 0;background: var(--sog-surface);border: 1px solid var(--sog-border-soft);border-radius: 12px;cursor: pointer;transition: background 0.15s ease,border-color 0.15s ease}@media (hover: hover){.nav-hamburger:hover{background: var(--sog-surface-hover);border-color: var(--sog-border)}}.nav-hamburger:focus-visible{outline: 2px solid var(--sog-accent-text);outline-offset: 2px}.nav-hamburger span{display: block;width: 20px;height: 2px;background: var(--sog-text);border-radius: 2px;transition: transform 0.28s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease,background 0.2s ease,width 0.28s ease;transform-origin: center}.nav-hamburger span:nth-child(2){width: 14px;align-self: center;translate: -3px 0}.nav-hamburger.open{background: var(--sog-accent-soft);border-color: var(--sog-border)}.nav-hamburger.open span{background: var(--sog-accent-text)}.nav-hamburger.open span:nth-child(1){transform: translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity: 0;transform: scaleX(0)}.nav-hamburger.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}@media (min-width: 1025px) and (max-width: 1599px){.H_contents{padding: 0 20px;gap: 12px}.menulink{padding: 0 11px;font-size: 0.84rem;letter-spacing: 0.1px}.lang-label{display: none}.H_account_wrap .account-link-txt{display: none}.H_end .H_account_wrap .account-link{justify-content: center;gap: 0;width: var(--header-ctl);height: var(--header-ctl);padding: 0}.H_account_wrap .account-toggle .account-name{max-width: 110px}}@media (min-width: 1025px) and (max-width: 1439px){.H_end .H_account_wrap .account-toggle{padding: 0 10px 0 5px}.H_account_wrap .account-toggle .account-name{display: none}}@media (min-width: 1025px) and (max-width: 1280px){.H_word{display: none}.H_contents{padding: 0 16px;gap: 10px}.H_end{gap: 8px}.H_tools{gap: 4px;padding: 0 8px}.menulink{padding: 0 8px;font-size: 0.8rem;letter-spacing: 0}}@media (max-width: 1024px){.H_contents{display: grid;grid-template-columns: 1fr auto 1fr;gap: 8px;padding: 0 14px}.nav-hamburger{display: flex;grid-column: 1;justify-self: start}.H_brand{grid-column: 2;justify-self: center;gap: 8px}.H_brand-ico{width: 44px;height: 44px}.H_word{font-size: 1.3rem}.H_end{grid-column: 3;justify-self: end;gap: 8px;margin-left: 0}.H_end .gs-trigger-ico{width: 40px;height: 40px}.H_tools{display: none}.H_links{position: fixed;top: var(--header-h);left: 0;z-index: 2;display: flex;flex-direction: column;justify-content: flex-start;gap: 18px;width: min(86vw,340px);height: calc(100vh - var(--header-h));height: calc(100dvh - var(--header-h));padding: 14px 14px calc(24px + env(safe-area-inset-bottom));overflow-y: auto;overscroll-behavior: contain;background: var(--sog-bg-2);border-right: 1px solid var(--sog-border);box-shadow: var(--sog-shadow);transform: translateX(-104%);visibility: hidden;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0s linear 0.3s}.H_links.nav-open{transform: none;visibility: visible;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),visibility 0s}.nav-scrim{display: block;position: fixed;top: var(--header-h);left: 0;z-index: 1;width: 100vw;height: calc(100vh - var(--header-h));height: calc(100dvh - var(--header-h));background: var(--sog-scrim);opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0s linear 0.3s}.nav-scrim.nav-scrim-on{opacity: 1;visibility: visible;transition: opacity 0.3s ease,visibility 0s}html.nav-lock,html.nav-lock body{overflow: hidden}.H_menulinks{flex-direction: column;align-items: stretch;gap: 2px;padding: 0;border: 0;background: none}.menulink,.menulink.homelink{width: 100%;height: 48px;justify-content: flex-start;gap: 14px;padding: 0 14px;border-radius: 12px;font-size: 0.98rem;color: var(--sog-text)}.menulink i,.menulink.homelink i{display: inline-block;width: 22px;text-align: center;color: var(--sog-text-muted);--fa-secondary-opacity: 0.45}.menulink.homelink .menulink-txt{position: static;width: auto;height: auto;overflow: visible;clip: auto;clip-path: none}.menulink-hot i{color: var(--sog-fire-icon)}.menulink-fire,.menulink-embers{display: none}.menulink.is-active{background: var(--sog-accent-soft);color: var(--sog-accent-text)}.menulink.is-active i{color: var(--sog-accent-text)}.menulink.is-active::after,.menulink.homelink.is-active::after{top: 12px;bottom: 12px;left: 0;width: 3px;height: auto;translate: none;border-radius: 0 3px 3px 0}.H_links .menulink{opacity: 0;transform: translateX(-10px);transition: opacity 0.25s ease,transform 0.3s ease,background 0.15s ease}.H_links.nav-open .menulink{opacity: 1;transform: none;transition-delay: calc(var(--i,0) * 35ms + 60ms),calc(var(--i,0) * 35ms + 60ms),0s}.H_drawer-extra{display: flex;flex-direction: column;gap: 16px;padding-top: 16px;border-top: 1px solid var(--sog-border-soft)}.H_drawer-h{display: flex;align-items: center;gap: 8px;margin: 0 4px 8px;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.8px;text-transform: uppercase;color: var(--sog-text-faint)}.H_drawer-h i{font-size: 0.85rem;color: var(--sog-text-muted)}.H_chips{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px}.H_chip{justify-content: center;gap: 6px;height: 40px;padding: 0 8px;border: 1px solid var(--sog-border-soft);border-radius: 10px;background: var(--sog-surface);color: var(--sog-text-muted);font-size: 0.82rem;font-weight: 600}.H_chip.lang-option-active{border-color: var(--sog-border-strong);background: var(--sog-accent-soft);box-shadow: inset 0 0 0 1px var(--sog-border)}.H_chip .cur-symbol{min-width: 0}.H_drawer-row{display: flex;align-items: center;justify-content: space-between}.H_drawer-row .H_drawer-h{margin-bottom: 0}}@media (max-width: 1024px) and (prefers-reduced-motion: reduce){.H_links,.H_links .menulink,.nav-scrim,.nav-hamburger span{transition: none !important}}@media (max-width: 400px){.H_contents{padding: 0 10px;gap: 6px}.H_brand{gap: 6px}.H_brand-ico{width: 40px;height: 40px}.H_word{font-size: 1.12rem}.H_end{gap: 6px}.nav-hamburger{width: 38px;height: 38px}.H_end .gs-trigger-ico{width: 38px;height: 38px}}@media (max-width: 349px){.H_word{display: none}}
/* css/account_widget.css */
.account-widget{display: flex;align-items: center;gap: 10px;font-family: var(--sog-font-body)}.account-link{display: inline-flex;align-items: center;gap: 7px;padding: 9px 18px;border-radius: 50px;font-size: 0.84rem;font-weight: 600;text-decoration: none;color: var(--en-text-dim,color-mix(in srgb,var(--sog-text) 68%,transparent));border: 1.5px solid color-mix(in srgb,var(--sog-text) 6%,transparent);background: color-mix(in srgb,var(--sog-text) 3.5%,transparent);transition: all 0.2s ease;white-space: nowrap;letter-spacing: 0.3px}.account-link:hover{color: var(--en-em-bright,var(--sog-accent-text));border-color: color-mix(in srgb,var(--sog-accent) 18%,transparent);background: color-mix(in srgb,var(--sog-accent) 8%,transparent);box-shadow: 0 0 16px color-mix(in srgb,var(--sog-accent) 12%,transparent);transform: translateY(-1px)}.account-link i,.account-link svg{font-size: 0.95rem;opacity: 0.65;transition: opacity 0.2s ease}.account-link:hover i,.account-link:hover svg{opacity: 1}.account-link-primary{background: linear-gradient(135deg,var(--en-em,var(--sog-accent)) 0%,var(--en-em-deep,var(--sog-accent-strong)) 100%);color: var(--sog-on-accent);border-color: transparent;font-weight: 700;box-shadow: 0 4px 14px color-mix(in srgb,var(--sog-accent) 35%,transparent)}.account-link-primary:hover{background: linear-gradient(135deg,var(--en-em-bright,var(--sog-accent-text)) 0%,var(--en-em,var(--sog-accent)) 100%);color: var(--sog-on-accent);border-color: transparent;box-shadow: 0 6px 22px color-mix(in srgb,var(--sog-accent) 45%,transparent);transform: translateY(-2px)}.account-dropdown{position: relative}.account-toggle{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 8px 12px;line-height: 1;border-radius: 37px;font-size: 0.86rem;font-weight: 600;color: var(--en-text,var(--sog-text));background: color-mix(in srgb,var(--sog-text) 3.5%,transparent);border: 1.5px solid color-mix(in srgb,var(--sog-text) 6%,transparent);cursor: pointer;transition: all 0.2s ease;font-family: var(--sog-font-body);white-space: nowrap;letter-spacing: 0.3px;position: relative;overflow: hidden}.account-toggle::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,color-mix(in srgb,var(--sog-accent) 8%,transparent) 0%,transparent 60%);opacity: 0;transition: opacity 0.2s ease;pointer-events: none}.account-toggle:hover::before{opacity: 1}.account-toggle:hover{border-color: color-mix(in srgb,var(--sog-accent) 18%,transparent);box-shadow: 0 0 20px color-mix(in srgb,var(--sog-accent) 12%,transparent);transform: translateY(-1px)}.account-toggle i{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 8px 12px;line-height: 1}.account-toggle .account-name{max-width: 130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1}.account-caret{color: var(--en-text-dim,color-mix(in srgb,var(--sog-text) 68%,transparent));transition: transform 0.25s cubic-bezier(0.34,1.4,0.64,1),color 0.2s ease;flex-shrink: 0}.account-toggle[aria-expanded="true"] .account-caret{transform: rotate(180deg);color: var(--en-em,var(--sog-accent))}.account-menu{position: absolute;top: calc(100% + 10px);right: 0;min-width: 220px;background: color-mix(in srgb,var(--sog-bg-2) 98%,transparent);backdrop-filter: blur(24px) saturate(1.4);-webkit-backdrop-filter: blur(24px) saturate(1.4);border: 1px solid color-mix(in srgb,var(--sog-accent) 18%,transparent);border-radius: 14px;padding: 8px;opacity: 0;visibility: hidden;transform: translateY(-8px) scale(0.95);transform-origin: top right;transition: all 0.22s cubic-bezier(0.34,1.4,0.64,1);z-index: 1000;box-shadow: 0 8px 32px rgba(0,0,0,0.45),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 4%,transparent)}.account-menu::before{content: '';position: absolute;top: -6px;right: 24px;width: 12px;height: 12px;background: color-mix(in srgb,var(--sog-bg-2) 98%,transparent);border-top: 1px solid color-mix(in srgb,var(--sog-accent) 18%,transparent);border-left: 1px solid color-mix(in srgb,var(--sog-accent) 18%,transparent);transform: rotate(45deg);z-index: -1}.account-menu-open{opacity: 1;visibility: visible;transform: translateY(0) scale(1)}.account-option{display: flex;align-items: center;gap: 11px;padding: 11px 15px;border-radius: 10px;font-size: 0.84rem;font-weight: 500;color: var(--en-text,var(--sog-text));text-decoration: none;transition: all 0.2s ease;white-space: nowrap;position: relative}.account-option:hover{background: color-mix(in srgb,var(--sog-accent) 10%,transparent);color: var(--en-em-bright,var(--sog-accent-text));transform: translateX(2px)}.account-option i{font-size: 1rem;width: 20px;text-align: center;opacity: 0.7;transition: opacity 0.2s ease,transform 0.2s ease}.account-option:hover i{opacity: 1;transform: scale(1.1)}.account-option[href$="/admin"] i{color: var(--en-em,var(--sog-accent))}.account-divider{height: 1px;background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--sog-accent) 18%,transparent),transparent);margin: 7px 10px}.account-option-form{margin: 0;padding: 0}.account-option-form button{width: 100%;display: flex;align-items: center;gap: 11px;padding: 11px 15px;border-radius: 10px;font-size: 0.84rem;font-weight: 500;color: color-mix(in srgb,var(--sog-danger) 75%,var(--sog-text));background: transparent;border: none;cursor: pointer;transition: all 0.2s ease;font-family: var(--sog-font-body);text-align: left}.account-option-form button:hover{background: color-mix(in srgb,var(--sog-danger) 12%,transparent);color: color-mix(in srgb,var(--sog-danger) 75%,var(--sog-text));transform: translateX(2px)}.account-option-form button i{font-size: 1rem;width: 20px;text-align: center;opacity: 0.7}.account-option-form button:hover i{opacity: 1}.account-avatar{display: grid;place-items: center;flex-shrink: 0;width: 26px;height: 26px;border-radius: 50%;background: linear-gradient(135deg,var(--sog-accent),var(--sog-accent-strong));color: var(--sog-on-accent);font-size: 0.8rem;font-weight: 700;line-height: 1}.H_account_wrap .account-toggle{height: var(--header-ctl,36px);padding: 0 12px 0 5px;gap: 8px}.H_account_wrap .account-link{height: var(--header-ctl,36px);padding: 0 16px}.account-toggle:focus-visible,.account-link:focus-visible{outline: 2px solid var(--sog-accent-text);outline-offset: 2px}.account-guest-btn i{display: inline-block;padding: 0;font-size: 1rem}.account-guest-menu{display: flex;align-items: center;gap: 8px}@media (min-width: 1025px){.account-guest-btn{display: none}}@media (max-width: 1024px){.H_account_wrap .account-toggle{justify-content: center;width: 40px;height: 40px;padding: 0;border-radius: 50%}.H_account_wrap .account-toggle:hover{transform: none}.H_account_wrap .account-name,.H_account_wrap .account-caret{display: none}.H_account_wrap .account-avatar{width: 32px;height: 32px;font-size: 0.9rem}.account-guest-btn{color: var(--sog-text)}.account-toggle[aria-expanded="true"]{border-color: var(--sog-border-strong)}.account-menu{top: calc(100% + 12px);right: -2px}.account-menu::before{right: 14px}.account-guest-menu{position: absolute;top: calc(100% + 12px);right: -2px;z-index: 1000;flex-direction: column;align-items: stretch;min-width: 210px;padding: 10px;background: color-mix(in srgb,var(--sog-bg-2) 98%,transparent);border: 1px solid var(--sog-border);border-radius: 14px;box-shadow: var(--sog-shadow);opacity: 0;visibility: hidden;transform: translateY(-8px) scale(0.95);transform-origin: top right;transition: opacity 0.2s ease,transform 0.22s cubic-bezier(0.34,1.4,0.64,1),visibility 0s linear 0.22s}.account-guest-menu.account-menu-open{opacity: 1;visibility: visible;transform: none;transition-delay: 0s}.account-guest-menu .account-link{justify-content: center;width: 100%;height: 44px;padding: 0 16px;font-size: 0.9rem}.account-guest-menu .account-link:hover{transform: none}}@media (max-width: 400px){.H_account_wrap .account-toggle{width: 38px;height: 38px}}
/* css/search-modal.css */
.gs-trigger{display: inline-flex;align-items: center;gap: 8px;padding: 0;border: 0;border-radius: 999px;background: transparent;color: var(--en-text-dim);cursor: pointer;flex-shrink: 0;transition: background .2s ease,border-color .2s ease,box-shadow .2s ease}.gs-trigger-ico{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 50%;background: linear-gradient(135deg,var(--sog-accent),var(--sog-accent-strong));color: var(--sog-on-accent);box-shadow: 0 4px 14px color-mix(in srgb,var(--sog-accent) 32%,transparent),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 28%,transparent);transition: transform .15s ease,box-shadow .2s ease,filter .2s ease}.gs-trigger-ico svg{width: 17px;height: 17px}.gs-trigger:hover .gs-trigger-ico,.gs-trigger[aria-expanded="true"] .gs-trigger-ico{filter: brightness(1.08);box-shadow: 0 0 0 4px color-mix(in srgb,var(--sog-accent) 16%,transparent),0 6px 20px color-mix(in srgb,var(--sog-accent) 45%,transparent),inset 0 1px 0 color-mix(in srgb,var(--sog-text) 30%,transparent)}.gs-trigger:active .gs-trigger-ico{transform: scale(.94)}.gs-trigger:focus-visible{outline: 2px solid var(--en-em-bright);outline-offset: 3px}html.gs-lock,html.gs-lock body{overflow: hidden}.gs-modal{position: fixed;inset: 0;z-index: 2100;display: flex;justify-content: center;align-items: flex-start;padding: min(12vh,110px) 16px 24px}.gs-modal[hidden]{display: none}.gs-backdrop{position: absolute;inset: 0;background: var(--sog-scrim);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);opacity: 0;transition: opacity .16s ease}.gs-dialog{position: relative;width: 100%;max-width: 42rem;max-height: calc(100vh - min(12vh,110px) - 24px);display: flex;flex-direction: column;overflow: hidden;border-radius: 18px;background: linear-gradient(135deg,color-mix(in srgb,var(--sog-accent) 7%,transparent),transparent 45%,color-mix(in srgb,var(--sog-accent-text) 4%,transparent)),color-mix(in srgb,var(--sog-bg-2) 92%,transparent);backdrop-filter: blur(22px) saturate(1.2);-webkit-backdrop-filter: blur(22px) saturate(1.2);border: 1px solid var(--en-line);box-shadow: var(--sog-shadow),0 0 0 1px color-mix(in srgb,var(--sog-text) 3%,transparent) inset,0 0 60px color-mix(in srgb,var(--sog-accent) 6%,transparent);opacity: 0;transform: translateY(-10px) scale(.985);transition: opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.gs-modal.gs-open .gs-backdrop{opacity: 1}.gs-modal.gs-open .gs-dialog{opacity: 1;transform: none}.gs-modal.gs-morphing .gs-dialog{transition: none;opacity: 1;transform: none;will-change: transform,clip-path}.gs-modal.gs-morphing .gs-backdrop{transition: none}.gs-bar{position: relative;display: flex;align-items: center;border-bottom: 1px solid var(--en-line-soft)}.gs-bar-icon{position: absolute;left: 16px;display: grid;place-items: center;padding: 5px;border-radius: 9px;color: var(--en-em);background: linear-gradient(135deg,color-mix(in srgb,var(--sog-accent) 18%,transparent),color-mix(in srgb,var(--sog-accent-strong) 10%,transparent));transition: transform .25s ease;pointer-events: none}.gs-bar-icon svg{width: 18px;height: 18px}.gs-bar:focus-within .gs-bar-icon{transform: scale(1.1)}.gs-input{width: 100%;min-width: 0;border: 0;outline: 0;background: transparent;color: var(--en-text);font: 500 1.05rem/1.2 var(--sog-font-body);padding: 20px 16px 20px 58px;-webkit-appearance: none;appearance: none}.gs-input::placeholder{color: color-mix(in srgb,var(--sog-text) 40%,transparent)}.gs-input::-webkit-search-cancel-button{-webkit-appearance: none;display: none}.gs-bar-actions{display: flex;align-items: center;gap: 8px;padding-right: 14px;flex-shrink: 0}.gs-spinner{width: 18px;height: 18px;border-radius: 50%;border: 2px solid color-mix(in srgb,var(--sog-accent) 25%,transparent);border-top-color: var(--en-em);animation: spin .7s linear infinite;visibility: hidden}.gs-loading .gs-spinner{visibility: visible}.gs-filters{display: inline-flex;align-items: center;gap: 6px;padding: 7px 11px;border-radius: 9px;background: color-mix(in srgb,var(--sog-accent) 10%,transparent);color: var(--en-em-bright);font: 600 0.8rem/1 var(--sog-font-body);white-space: nowrap;transition: background .15s ease}.gs-filters svg{width: 15px;height: 15px}.gs-filters:hover{background: color-mix(in srgb,var(--sog-accent) 20%,transparent);color: var(--en-em-bright)}.gs-close{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--en-line-soft);background: var(--en-glass);color: var(--en-text-dim);cursor: pointer;transition: color .15s ease,background .15s ease,border-color .15s ease,transform .2s ease}.gs-close svg{width: 15px;height: 15px}.gs-close:hover{color: var(--sog-text);background: color-mix(in srgb,var(--sog-danger) 16%,transparent);border-color: color-mix(in srgb,var(--sog-danger) 35%,transparent);transform: rotate(90deg)}.gs-close:focus-visible{outline: 2px solid var(--en-em);outline-offset: 2px}.gs-body{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: 6px 10px 10px;scrollbar-width: thin;scrollbar-color: color-mix(in srgb,var(--sog-accent) 25%,transparent) transparent}.gs-head{display: flex;align-items: center;gap: 8px;padding: 10px 8px 6px}.gs-head[hidden]{display: none}.gs-head-label{font: 600 0.78rem/1 var(--sog-font-body);text-transform: uppercase;letter-spacing: .8px;color: var(--en-text-dim)}.gs-badge{padding: 3px 8px;border-radius: 999px;font: 700 0.7rem/1 var(--sog-font-body);color: var(--en-em-bright);background: color-mix(in srgb,var(--sog-accent) 14%,transparent)}.gs-badge[hidden]{display: none}.gs-clear{margin-left: auto;border: 0;background: none;color: var(--en-text-dim);font: 500 0.78rem/1 var(--sog-font-body);cursor: pointer;padding: 4px 6px;border-radius: 6px}.gs-clear:hover{color: var(--en-em-bright);background: var(--en-glass)}.gs-clear[hidden]{display: none}.gs-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 2px}.gs-link{position: relative;display: flex;align-items: center;gap: 14px;padding: 8px 10px;border-radius: 12px;color: var(--en-text);text-decoration: none;transition: background .18s ease}.gs-link:hover{color: var(--en-text)}.gs-active .gs-link,.gs-link:hover,.gs-link:focus-visible{outline: none;background: linear-gradient(90deg,color-mix(in srgb,var(--sog-accent) 13%,transparent),color-mix(in srgb,var(--sog-accent) 4%,transparent) 70%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sog-accent) 18%,transparent)}.gs-thumb{position: relative;flex-shrink: 0;width: 48px;height: 64px;border-radius: 10px;overflow: hidden;display: grid;place-items: center;background: linear-gradient(145deg,color-mix(in srgb,var(--sog-accent) 12%,var(--sog-bg)),var(--sog-bg-2));box-shadow: 0 0 0 1px color-mix(in srgb,var(--sog-text) 6%,transparent),0 4px 14px rgba(0,0,0,0.4);transition: box-shadow .2s ease}.gs-thumb img{width: 100%;height: 100%;object-fit: cover;display: block}.gs-active .gs-thumb,.gs-link:hover .gs-thumb{box-shadow: 0 0 0 1px color-mix(in srgb,var(--sog-accent) 45%,transparent),0 0 16px color-mix(in srgb,var(--sog-accent) 28%,transparent)}.gs-initial{font: 700 1.2rem/1 var(--sog-font-body);color: var(--en-em)}.gs-text{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 5px}.gs-name{font: 600 0.98rem/1.25 var(--sog-font-body);color: var(--en-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color .18s ease}.gs-active .gs-name,.gs-link:hover .gs-name{color: var(--en-em-bright)}.gs-bank{display: flex;align-items: center;gap: 7px;min-width: 0;font: 500 0.82rem/1.2 var(--sog-font-body);color: var(--en-text-dim)}.gs-bank > span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.gs-logo{width: 18px;height: 18px;flex-shrink: 0;border-radius: 5px;object-fit: cover;background: var(--sog-logo-plate);box-shadow: 0 0 0 1px color-mix(in srgb,var(--sog-text) 10%,transparent)}.gs-list mark{background: none;color: var(--en-em);font-weight: 700;text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--sog-accent) 40%,transparent);text-underline-offset: 3px}.gs-arrow{flex-shrink: 0;color: color-mix(in srgb,var(--sog-text) 30%,transparent);transition: color .2s ease,transform .25s ease}.gs-arrow svg{width: 18px;height: 18px;display: block}.gs-active .gs-arrow,.gs-link:hover .gs-arrow{color: var(--en-em);transform: translateX(4px)}.gs-hub .gs-link{background: linear-gradient(90deg,color-mix(in srgb,var(--sog-gold) 16%,transparent),color-mix(in srgb,var(--sog-gold) 5%,transparent) 75%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sog-gold) 28%,transparent)}.gs-hub .gs-link::before{content: '';position: absolute;left: 0;top: 10px;bottom: 10px;width: 3px;border-radius: 3px;background: var(--sog-gold)}.gs-hub.gs-active .gs-link,.gs-hub .gs-link:hover,.gs-hub .gs-link:focus-visible{background: linear-gradient(90deg,color-mix(in srgb,var(--sog-gold) 26%,transparent),color-mix(in srgb,var(--sog-gold) 8%,transparent) 75%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sog-gold) 50%,transparent)}.gs-hub .gs-thumb{background: color-mix(in srgb,var(--sog-gold) 14%,var(--sog-surface));box-shadow: 0 0 0 1px color-mix(in srgb,var(--sog-gold) 35%,transparent)}.gs-hub.gs-active .gs-thumb,.gs-hub .gs-link:hover .gs-thumb{box-shadow: 0 0 0 1px color-mix(in srgb,var(--sog-gold) 70%,transparent),0 0 16px color-mix(in srgb,var(--sog-gold) 35%,transparent)}.gs-hub .gs-initial{color: var(--sog-gold-text)}.gs-hub .gs-name,.gs-hub.gs-active .gs-name,.gs-hub .gs-link:hover .gs-name{color: var(--sog-gold-text)}.gs-hub .gs-list mark,.gs-list .gs-hub mark{color: var(--sog-gold-text);text-decoration-color: color-mix(in srgb,var(--sog-gold) 45%,transparent)}.gs-hub-line{font: 500 0.82rem/1.3 var(--sog-font-body);color: var(--sog-text-muted)}.gs-hub-from{color: var(--sog-gold-text);font-weight: 700;white-space: nowrap}.gs-hub .gs-arrow{color: color-mix(in srgb,var(--sog-gold-text) 60%,transparent)}.gs-hub.gs-active .gs-arrow,.gs-hub .gs-link:hover .gs-arrow{color: var(--sog-gold-text)}.gs-hub + .gs-item:not(.gs-hub){margin-top: 6px}.gs-recent .gs-link{padding: 10px 12px;gap: 12px}.gs-recent-ico{color: var(--en-text-dim);display: grid;place-items: center}.gs-recent-ico svg{width: 17px;height: 17px}.gs-recent .gs-name{font-weight: 500;font-size: 0.93rem}.gs-msg{margin: 0;padding: 26px 12px 22px;text-align: center;color: var(--en-text-dim);font: 500 0.92rem/1.5 var(--sog-font-body)}.gs-msg[hidden]{display: none}.gs-msg strong{color: var(--en-text)}.gs-all{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 16px;border-top: 1px solid var(--en-line-soft);color: var(--en-text-dim);font: 600 0.88rem/1 var(--sog-font-body);background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--sog-accent) 0%,transparent),transparent);transition: color .2s ease,background .2s ease}.gs-all[hidden]{display: none}.gs-all svg{width: 16px;height: 16px;transition: transform .25s ease}.gs-all:hover{color: var(--en-em-bright);background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--sog-accent) 8%,transparent),transparent)}.gs-all:hover svg,.gs-all:focus-visible svg{transform: translateX(4px)}.gs-all:focus-visible{outline: none;color: var(--en-em-bright);background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--sog-accent) 12%,transparent),transparent)}.gs-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 18px;padding: 10px 18px;border-top: 1px solid var(--en-line-soft);background: color-mix(in srgb,var(--sog-text) 4%,transparent);color: var(--sog-text-muted);font: 500 0.74rem/1 var(--sog-font-body)}.gs-foot span{display: inline-flex;align-items: center;gap: 7px}.gs-foot kbd{display: inline-block;min-width: 22px;padding: 4px 6px;color: var(--en-text);box-shadow: 0 1px 0 color-mix(in srgb,var(--sog-text) 8%,transparent);border-radius: 5px;border: 1px solid var(--en-line-soft);background: color-mix(in srgb,var(--sog-text) 4%,transparent);font: inherit;text-align: center}@media (max-width: 640px){.gs-modal{padding: 0}.gs-dialog{max-width: none;height: 100vh;height: 100dvh;max-height: none;border-radius: 0;border: 0;padding-top: env(safe-area-inset-top);padding-bottom: env(safe-area-inset-bottom);background: color-mix(in srgb,var(--sog-bg-2) 98%,transparent);transform: translateY(12px)}.gs-input{font-size: 16px;padding: 18px 10px 18px 54px}.gs-bar-icon{left: 12px}.gs-bar-actions{padding-right: 10px;gap: 6px}.gs-filters span{display: none}.gs-filters{padding: 8px}.gs-body{padding: 4px 6px 10px}.gs-link{gap: 12px;padding: 8px}.gs-thumb{width: 42px;height: 56px;border-radius: 9px}.gs-name{font-size: 0.95rem}.gs-foot{display: none}}@media (prefers-reduced-motion: reduce){.gs-dialog,.gs-backdrop,.gs-arrow,.gs-all svg,.gs-bar-icon{transition: none}.gs-dialog{transform: none}.gs-spinner{animation-duration: 1.5s}}
/* css/footer.css */
.site-footer{position: relative;overflow: hidden;background: linear-gradient(180deg,rgba(15,12,41,0) 0%,color-mix(in srgb,var(--sog-bg-2) 98%,transparent) 30%,var(--sog-bg) 100%);border-top: 1px solid color-mix(in srgb,var(--sog-accent) 18%,transparent);font-family: var(--sog-font-body);margin-top: 60px}.site-footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,transparent 0%,var(--sog-accent) 30%,#f9c74f 60%,transparent 100%);opacity: 0.7}.site-footer::after{content: '';position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 600px;height: 200px;background: radial-gradient(ellipse,color-mix(in srgb,var(--sog-accent) 7%,transparent) 0%,transparent 70%);pointer-events: none}.footer-inner{position: relative;z-index: 1;max-width: 1200px;margin: 0 auto;padding: 56px 32px 40px;display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 48px}.footer-logo{display: inline-flex;align-items: center;gap: 10px;margin-bottom: 16px}.footer-logo-icon{width: 36px;height: 36px;background: linear-gradient(135deg,var(--sog-accent),var(--sog-accent-strong));border-radius: 10px;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 16px color-mix(in srgb,var(--sog-accent) 35%,transparent);font-size: 1.1rem;flex-shrink: 0}.footer-logo-text{font-size: 1.15rem;font-weight: 700;color: var(--sog-text);letter-spacing: -0.3px}.footer-logo-text span{color: var(--sog-accent)}.footer-desc{font-size: 0.88rem;line-height: 1.7;color: color-mix(in srgb,var(--sog-text) 60%,transparent);max-width: 360px}.footer-desc strong{color: color-mix(in srgb,var(--sog-text) 85%,transparent);font-weight: 600}.footer-stats{display: flex;gap: 16px;margin-top: 22px;flex-wrap: wrap}.footer-stat{background: color-mix(in srgb,var(--sog-accent) 8%,transparent);border: 1px solid color-mix(in srgb,var(--sog-accent) 15%,transparent);border-radius: 10px;padding: 10px 16px;text-align: center}.footer-stat-num{display: block;font-size: 1.1rem;font-weight: 700;color: var(--sog-accent);line-height: 1.2}.footer-stat-label{display: block;font-size: 0.75rem;color: var(--sog-text-muted);text-transform: uppercase;letter-spacing: 0.5px;margin-top: 2px}.footer-col-title{font-size: 0.75rem;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;color: var(--sog-accent);margin-bottom: 18px;display: flex;align-items: center;gap: 8px}.footer-col-title::after{content: '';flex: 1;height: 1px;background: color-mix(in srgb,var(--sog-accent) 20%,transparent)}.footer-nav{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 2px}.footer-nav li a{display: flex;align-items: center;gap: 9px;padding: 7px 10px;border-radius: 8px;font-size: 0.875rem;color: color-mix(in srgb,var(--sog-text) 60%,transparent);text-decoration: none;transition: color 0.18s,background 0.18s,transform 0.15s}.footer-nav li a i{font-size: 0.85rem;width: 16px;text-align: center;transition: color 0.18s}.footer-nav li a:hover{color: var(--sog-text);background: color-mix(in srgb,var(--sog-accent) 8%,transparent);transform: translateX(4px)}.footer-nav li a:hover i{color: var(--sog-accent)}.footer-nav li a i.fa-envelope{color: var(--sog-accent)}.footer-ico{flex: none;width: 16px;height: 0.85rem;transition: filter 0.18s}.footer-ico.tg{fill: #26a5e4}.footer-nav li a:hover i.fa-envelope,.footer-nav li a:hover .footer-ico{filter: brightness(1.15)}.footer-bottom{position: relative;z-index: 1;border-top: 1px solid color-mix(in srgb,var(--sog-text) 5%,transparent);padding: 18px 32px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;max-width: 1200px;margin: 0 auto}.footer-copy{font-size: 0.8rem;color: var(--sog-text-muted)}.footer-copy a{color: var(--sog-accent-text);text-decoration: none;transition: color 0.18s}.footer-copy a:hover{color: var(--sog-accent)}.footer-legal{display: flex;flex-wrap: wrap;gap: 6px 18px;font-size: 0.8rem}.footer-legal a{color: var(--sog-text-muted);text-decoration: none;padding: 4px 0;transition: color 0.18s}.footer-legal a:hover{color: var(--sog-accent)}.footer-social{display: flex;gap: 8px}.footer-social a{width: 34px;height: 34px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 0.95rem;color: var(--sog-text-muted);border: 1px solid color-mix(in srgb,var(--sog-text) 8%,transparent);text-decoration: none;transition: color 0.18s,border-color 0.18s,background 0.18s,transform 0.15s}.footer-social a:hover{color: var(--sog-text);border-color: color-mix(in srgb,var(--sog-accent) 40%,transparent);background: color-mix(in srgb,var(--sog-accent) 10%,transparent);transform: translateY(-2px)}.footer-badge{display: flex;align-items: center;gap: 6px;font-size: 0.78rem;color: var(--sog-text-muted)}.footer-badge i{color: var(--sog-accent-text);font-size: 0.8rem}@media (max-width: 900px){.footer-inner{grid-template-columns: 1fr 1fr;gap: 36px}.footer-brand{grid-column: 1 / -1}}@media (max-width: 600px){.footer-inner{grid-template-columns: 1fr;padding: 40px 20px 28px;gap: 28px}.footer-bottom{flex-direction: column;align-items: flex-start;padding: 16px 20px}}