/* arkDisk — base styles. Generated during CSS refactor. */
html{scrollbar-gutter: stable;}
html, body{overflow-x: hidden;width: 100%;}
html{color-scheme: light;}
body.dark{color-scheme: dark;background-color: #0f172a;}
html:has(body.dark){background-color: #0f172a;}
html.lock-scroll, body.lock-scroll{overflow: hidden !important;height: 100% !important;}
*, *::before, *::after{box-sizing: border-box;}
#industries, #contact, footer{content-visibility: auto;contain-intrinsic-size: auto 1200px;}
@media print{
#industries, #contact, footer{content-visibility: visible;}
}
@font-face {font-family: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/outfit-latin-ext-700-800.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/outfit-latin-700-800.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Outfit"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/outfit-latin-ext-700-800.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Outfit"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/outfit-latin-700-800.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/manrope-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/manrope-latin-300-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/manrope-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/manrope-latin-400-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/manrope-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/manrope-latin-500-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/manrope-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/manrope-latin-600-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/manrope-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/manrope-latin-700-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/manrope-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/manrope-latin-800-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/poppins-400.woff2") format("woff2"); size-adjust: 105%;}
@font-face {font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/poppins-500.woff2") format("woff2"); size-adjust: 105%;}
@font-face {font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/poppins-600.woff2") format("woff2"); size-adjust: 105%;}
@font-face {font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/poppins-700.woff2") format("woff2"); size-adjust: 105%;}
@font-face {font-family: "Poppins"; font-style: normal; font-weight: 800; font-display: block; src: url("/fonts/poppins-800.woff2") format("woff2"); size-adjust: 105%;}
@font-face {font-family: "Lato"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/lato-600.woff2") format("woff2");}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/inter-400.woff2") format("woff2");}
@font-face {font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/inter-500.woff2") format("woff2");}
@font-face {font-family: "Quicksand"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/quicksand-300.woff2") format("woff2");}
@font-face {font-family: "Caveat"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/caveat-400.woff2") format("woff2");}
@font-face {font-family: "Dancing Script"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/dancing-script-latin-ext-700.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: "Dancing Script"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/dancing-script-latin-700.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: "Noto Sans SC"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-sc-menu.woff2") format("woff2"); unicode-range: U+4E00-9FFF;}
@font-face {font-family: "Noto Sans TC"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-tc-menu.woff2") format("woff2"); unicode-range: U+4E00-9FFF;}
@font-face {font-family: "Noto Sans JP"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-jp-menu.woff2") format("woff2"); unicode-range: U+3040-30FF, U+4E00-9FFF;}
@font-face {font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-kr-menu.woff2") format("woff2"); unicode-range: U+AC00-D7AF;}
@font-face {font-family: "Noto Sans Arabic"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-arabic-menu.woff2") format("woff2"); unicode-range: U+600-6FF;}
@font-face {font-family: "Noto Sans Hebrew"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-hebrew-menu.woff2") format("woff2"); unicode-range: U+590-5FF;}
@font-face {font-family: "Noto Sans Devanagari"; font-style: normal; font-weight: 400; font-display: optional; src: url("/fonts/noto-sans-devanagari-menu.woff2") format("woff2"); unicode-range: U+900-97F;}
@font-face {font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/manrope-cyrillic-menu.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1;}
@keyframes autofill-light{0%, 100% { background: rgba(240, 242, 245, 1); color: #1e293b; }}
@keyframes autofill-dark{0%, 100% { background: rgba(15, 15, 15, 0.9); color: #ffffff; }}
body{font-family: "Manrope", sans-serif; background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 5%, #e2e8f0 8%, #cbd5e1 11%, #f8fafc 14%, #ffffff 17%, #ffffff 100%); background-size: 100% 8000px; background-attachment: scroll; background-repeat: no-repeat; background-color: #ffffff; color: #1e3a8a; overflow-x: hidden; transition: all 0.3s ease; min-height: 100vh; display: flex; flex-direction: column; margin: 0; padding: 0;}
@media (max-width: 768px){
body{background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 3%, #e2e8f0 5%, #cbd5e1 7%, #f8fafc 10%, #ffffff 13%, #ffffff 100%);background-size: 100% 8000px;background-attachment: scroll;background-repeat: no-repeat;}
}
body.dark{--docs-bg: transparent;--card-bg: #1e293b;--border-color: #334155;--text-color: #e5e7eb;--text-secondary: #94a3b8;--docs-heading-color: #ffffff;background: linear-gradient(180deg, #0f172a 0%, #0e1629 10%, #0d1528 15%, #0c1427 20%, #0b1326 25%, #0a1225 30%, #0a1225 40%, #091124 45%, #081023 50%, #070f22 55%, #060e21 60%, #050d20 65%, #050c1f 70%, #040b1e 75%, #040a1d 80%, #03091c 85%, #02081b 90%, #02071a 95%, #010619 100% );color: #e5e7eb;}
.mega-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 998;}
.mega-overlay.active{opacity: 1;visibility: visible;}
body.dark .mega-overlay.active{background: rgba(0, 0, 0, 0.6);}
nav{background: transparent;box-shadow: none;backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);position: fixed;top: 0;width: 100%;z-index: 9999;transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;will-change: backdrop-filter, background, box-shadow;transform: translateZ(0);contain: layout style;}
nav.menu-open{background: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 10px rgba(0,0,0,0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
nav.scrolled{background: rgba(255, 255, 255, 0.85);box-shadow: 0 2px 10px rgba(0,0,0,0.1);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);}
nav.menu-open.scrolled{background: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 10px rgba(0,0,0,0.1);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);}
body.dark nav{background: transparent;backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);box-shadow: none;border-bottom: none;}
body.dark nav.menu-open{background: rgba(15, 23, 42, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
body.dark nav.scrolled{background: rgba(15, 23, 42, 0.85);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
body.dark nav.menu-open.scrolled{background: rgba(15, 23, 42, 0.95);backdrop-filter: blur(25px);-webkit-backdrop-filter: blur(25px);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
body.docs-mode nav{background: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 10px rgba(0,0,0,0.08);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
body.docs-mode.dark nav{background: rgba(15, 23, 42, 0.95);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
body.docs-mode main{flex: 1;}
.nav-container{max-width: 1400px;margin: 0 auto;padding: 1.2rem 2rem;display: flex;justify-content: space-between;align-items: center;transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.nav-right{display: flex;align-items: center;gap: 1rem;}
.nav-main-links{display: flex;gap: 0.5rem;align-items: center;}
.logo-container{display: flex;align-items: center;gap: 1rem;text-decoration: none;color: inherit;}
.blocks{position: relative;width: 42px;height: 42px;flex-shrink: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.block{position: absolute;width: 24px;height: 24px;border-radius: 6px;transition: all 0.3s ease;}
.block1{background: #0088ff;top: 0;left: 0;z-index: 1;}
.block2{background: #ff00c8;top: 9px;left: 9px;z-index: 2;}
.block3{background: #ff8800;top: 18px;left: 18px;z-index: 0;}
.block-overlap{position: absolute;background: #a000d8;width: 15px;height: 15px;border-radius: 3px;top: 9px;left: 9px;z-index: 3;}
.brand{font-size: 1.5rem;font-weight: 800;color: #0088ff;letter-spacing: -0.5px;font-family: "Poppins", "Noto Sans KR", "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", sans-serif;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
body.dark .brand{color: #0088ff;}
.theme-toggle{width: 24px;height: 24px;cursor: pointer;transition: transform 0.3s ease;stroke: #1e293b;flex-shrink: 0;}
body.dark .theme-toggle{stroke: #ffffff;}
.theme-toggle:hover{transform: scale(1.15) rotate(15deg);}
.theme-toggle-mobile{display: none;}
.theme-toggle-desktop{display: block;}
.desktop-menu{display: flex;gap: 0.5rem;align-items: center;}
.nav-link{color: #1e293b;text-decoration: none;font-weight: 600;font-size: 0.95rem;padding: 0.7rem 1.2rem;border-radius: 10px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);cursor: pointer;position: relative;display: flex;align-items: center;gap: 0.3rem;background: transparent;border: none;font-family: inherit;}
.nav-main-links.desktop-menu > a[href="/panel.php"], .nav-main-links.desktop-menu > a[onclick="showLoginModal(event)"]{white-space: nowrap;min-width: max-content;flex: 0 0 auto;}
.nav-link:hover{background: rgba(59, 130, 246, 0.1);color: #3b82f6;}
.nav-link.active{background: rgba(59, 130, 246, 0.15);color: #3b82f6;}
body.dark .nav-link{color: #e5e7eb;}
body.dark .nav-link:hover{background: rgba(96, 165, 250, 0.15);color: #60a5fa;}
.nav-link.download-btn{color: #1e293b;font-weight: 600;}
.nav-link.download-btn:hover{color: #60a5fa;}
body.dark .nav-link.download-btn{color: #e2e8f0;}
body.dark .nav-link.download-btn:hover{color: #60a5fa;}
.nav-link.nextcloud-btn{border: none;cursor: pointer;font-family: inherit;font-size: inherit;background: #1e293b;color: #ffffff;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 0 20px rgba(0, 0, 0, 0.1);font-weight: 600;}
.nav-link.nextcloud-btn:hover{background: #0f172a;color: #ffffff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 0 25px rgba(0, 0, 0, 0.15);}
body.dark .nav-link.nextcloud-btn{background: #ffffff;color: #1e293b;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}
body.dark .nav-link.nextcloud-btn:hover{background: #f8fafc;color: #1e293b;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}
body.dark .nav-link.active{background: rgba(96, 165, 250, 0.2);color: #60a5fa;}
.nav-link.has-dropdown::after{content: "▼";font-size: 0.7rem;transition: transform 0.3s ease;}
.nav-link.has-dropdown.active::after{transform: rotate(180deg);}
.separator{color: rgba(0, 0, 0, 0.3);margin: 0 0.5rem;}
body.dark .separator{color: rgba(255, 255, 255, 0.3);}
.faq-dropdown{position: fixed;top: 82px;left: 50%;transform: translateX(-50%) translateY(-10px);background: #ffffff;box-shadow: 0 5px 15px rgba(0,0,0,0.1);border-radius: 24px;border-top: 1px solid rgba(59, 130, 246, 0.1);padding: 1rem;width: 672px;max-width: calc(100vw - 40px);max-height: calc(100vh - 100px);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, top 0.3s ease;z-index: 99998;pointer-events: none;display: flex;flex-direction: column;}
.faq-dropdown.active{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);pointer-events: auto;}
body.dark .faq-dropdown{background: linear-gradient(to bottom, rgba(15, 23, 42, 0.98) 0%, rgba(15, 23, 42, 0.95) 50%, rgba(10, 18, 36, 0.95) 100% );border-top: 1px solid rgba(96, 165, 250, 0.2);box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.faq-search-container{position: relative;display: flex;gap: 10px;align-items: center;}
.faq-search-wrapper{position: relative;flex: 1;}
.faq-docs-btn{display: flex;align-items: center;gap: 6px;padding: 12px 16px;background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0.08) 100%);border: 1px solid rgba(59, 130, 246, 0.3);border-radius: 10px;color: #3b82f6;font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;text-decoration: none;}
.faq-docs-btn:hover{background: linear-gradient(135deg, rgba(59, 130, 246, 0.25) 0%, rgba(59, 130, 246, 0.15) 100%);border-color: rgba(59, 130, 246, 0.5);transform: translateY(-1px);}
.faq-docs-btn svg{width: 16px;height: 16px;flex-shrink: 0;}
body.dark .faq-docs-btn{background: linear-gradient(135deg, rgba(96, 165, 250, 0.2) 0%, rgba(96, 165, 250, 0.1) 100%);border-color: rgba(96, 165, 250, 0.35);color: #60a5fa;}
body.dark .faq-docs-btn:hover{background: linear-gradient(135deg, rgba(96, 165, 250, 0.3) 0%, rgba(96, 165, 250, 0.2) 100%);border-color: rgba(96, 165, 250, 0.5);}
.faq-search-input{width: 100%;padding: 12px 14px 12px 42px;border: 1px solid rgba(59, 130, 246, 0.25);border-radius: 10px;background: #ffffff;font-size: 0.95rem;color: #1e293b;transition: all 0.2s ease;}
.faq-search-input:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}
.faq-search-input::placeholder{color: #94a3b8;}
body.dark .faq-search-input{background: rgba(30, 41, 59, 0.6);border-color: rgba(96, 165, 250, 0.25);color: #f1f5f9;}
body.dark .faq-search-input:focus{border-color: #60a5fa;box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);}
body.dark .faq-search-input::placeholder{color: #64748b;}
.faq-search-icon{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;color: #64748b;pointer-events: none;}
body.dark .faq-search-icon{color: #94a3b8;}
.faq-separator{height: 1px;background: rgba(59, 130, 246, 0.1);margin: 0.75rem 0;}
body.dark .faq-separator{background: rgba(96, 165, 250, 0.15);}
.faq-questions-list{display: flex;flex-direction: column;gap: 2px;overflow-y: auto;overscroll-behavior: contain;max-height: 350px;position: relative;scroll-behavior: smooth;scrollbar-width: thin;scrollbar-color: rgba(59, 130, 246, 0.3) transparent;}
.faq-questions-list::-webkit-scrollbar{width: 6px;}
.faq-questions-list::-webkit-scrollbar-track{background: transparent;border-radius: 3px;}
.faq-questions-list::-webkit-scrollbar-thumb{background: rgba(59, 130, 246, 0.3);border-radius: 3px;}
.faq-questions-list::-webkit-scrollbar-thumb:hover{background: rgba(59, 130, 246, 0.5);}
body.dark .faq-questions-list{scrollbar-color: rgba(96, 165, 250, 0.3) transparent;}
body.dark .faq-questions-list::-webkit-scrollbar-thumb{background: rgba(96, 165, 250, 0.3);}
body.dark .faq-questions-list::-webkit-scrollbar-thumb:hover{background: rgba(96, 165, 250, 0.5);}
.faq-question-item{padding: 10px 12px;border-radius: 8px;background: transparent;cursor: pointer;}
.faq-question-item:hover{background: rgba(59, 130, 246, 0.15);}
.faq-question-item.active{background: transparent;}
.faq-question-item.active:hover{background: transparent;}
body.dark .faq-question-item:hover{background: rgba(96, 165, 250, 0.15);}
body.dark .faq-question-item.active{background: transparent;}
body.dark .faq-question-item.active:hover{background: transparent;}
.faq-question-text{font-size: 0.9rem;color: #1e293b;display: flex;align-items: center;gap: 10px;position: relative;}
.faq-question-text::before{content: "";display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);border-radius: 50%;flex-shrink: 0;}
.faq-question-text::after{content: "";position: absolute;left: 7px;top: 50%;width: 5px;height: 5px;border-right: 2px solid white;border-bottom: 2px solid white;transform: translateY(-50%) rotate(-45deg);transition: transform 0.25s ease;}
.faq-question-item.active .faq-question-text::after{transform: translateY(-60%) rotate(45deg);}
body.dark .faq-question-text{color: #e2e8f0;}
.faq-answer{display: none;margin-top: 10px;margin-left: 30px;padding: 12px 14px;background: rgba(59, 130, 246, 0.05);border-radius: 8px;font-size: 0.85rem;line-height: 1.7;color: #475569;border-left: 3px solid #3b82f6;}
.faq-question-item.active .faq-answer{display: block;}
body.dark .faq-answer{background: rgba(96, 165, 250, 0.08);color: #cbd5e1;border-left-color: #60a5fa;}
.faq-no-results{text-align: center;padding: 1.5rem 1rem;color: #64748b;display: none;}
.faq-no-results.visible{display: block;}
.faq-footer{font-size: 0.8rem;line-height: 1.5;color: #64748b;padding: 0 4px;}
.faq-footer a{color: #3b82f6;text-decoration: none;font-weight: 500;}
.faq-footer a:hover{text-decoration: underline;}
body.dark .faq-footer{color: #94a3b8;}
body.dark .faq-footer a{color: #60a5fa;}
@media (min-width: 769px) and (max-width: 1100px){
.faq-dropdown{top: 112px;}
.mega-menu{top: 112px;}
}
@media (max-width: 768px){
.mega-menu{width: calc(100% - 1rem);border-radius: 20px;}
.faq-dropdown{top: 82px;width: auto;left: 20px;right: 20px;transform: translateY(-10px);}
.faq-dropdown.active{transform: translateY(0);}
}
.mega-menu{position: fixed;top: 82px;left: 50%;transform: translateX(-50%) translateY(-10px);width: calc(100% - 2rem);max-width: 1400px;z-index: 99999;background: #ffffff;box-shadow: 0 10px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);opacity: 0;visibility: hidden;border-radius: 24px;border: 1px solid rgba(59, 130, 246, 0.08);transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s, top 0.3s ease;will-change: opacity, transform, top;direction: ltr;text-align: left;overflow: hidden;}
.mega-menu.active{opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
nav.scrolled .mega-menu{top: 66px;}
body.dark .mega-menu{background: linear-gradient(to bottom, rgba(15, 23, 42, 0.98) 0%, rgba(15, 23, 42, 0.95) 50%, rgba(10, 18, 36, 0.95) 100% );border: 1px solid rgba(96, 165, 250, 0.15);box-shadow: 0 10px 40px rgba(0,0,0,0.4), 0 4px 12px rgba(0,0,0,0.2);}
.mega-menu-content{max-width: 1400px;margin: 0 auto;padding: 2.5rem 2rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2.5rem;}
.mega-section{display: flex;flex-direction: column;gap: 1rem;}
.mega-section-title{font-size: 0.75rem;color: #3b82f6;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;margin-bottom: 0.5rem;display: flex;align-items: center;gap: 0.5rem;}
body.dark .mega-section-title{color: #60a5fa;}
.mega-section-icon{width: 28px;height: 28px;flex-shrink: 0;}
.mega-section-icon svg{width: 100%;height: 100%;fill: #3b82f6;}
#mega-downloads .mega-section-icon svg{fill: none;stroke: #3b82f6;}
body.dark #mega-downloads .mega-section-icon svg{stroke: #60a5fa;}
#mega-downloads{max-width: 980px;--dl-tile-bg: #0f172a;--dl-tile-bg-alt: #020617;}
body.dark #mega-downloads{--dl-tile-bg: #334155;--dl-tile-bg-alt: #1e293b;}
#mega-downloads .downloads-split{display: flex;height: 540px;}
#mega-downloads .downloads-split-left{flex: 0 0 55%;padding: 1.5rem 0.5rem 1.25rem 0.5rem;display: flex;flex-direction: column;overflow: hidden;}
#mega-downloads .downloads-split-left-apps{flex: 1;display: flex;flex-direction: column;justify-content: space-between;gap: 0;overflow-y: auto;padding: 0 1rem;}
#mega-downloads .downloads-split-right{flex: 0 0 45%;padding: 1.5rem 2rem 1.5rem 1.5rem;background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(96, 165, 250, 0.02) 100%);border-left: 1px solid rgba(59, 130, 246, 0.1);border-radius: 0 24px 24px 0;display: flex;flex-direction: column;justify-content: center;position: relative;overflow-y: auto;overflow-x: hidden;scrollbar-width: thin;scrollbar-color: rgba(59, 130, 246, 0.3) transparent;}
#mega-downloads .downloads-split-right::-webkit-scrollbar{width: 6px;}
#mega-downloads .downloads-split-right::-webkit-scrollbar-track{background: transparent;margin-top: 1.5rem;margin-bottom: 1.5rem;}
#mega-downloads .downloads-split-right::-webkit-scrollbar-thumb{background: rgba(59, 130, 246, 0.3);border-radius: 3px;}
#mega-downloads .downloads-split-right::-webkit-scrollbar-thumb:hover{background: rgba(59, 130, 246, 0.5);}
body.dark #mega-downloads .downloads-split-right{background: linear-gradient(135deg, rgba(10, 15, 28, 0.85) 0%, rgba(15, 23, 42, 0.7) 100%);border-left: 1px solid rgba(96, 165, 250, 0.15);scrollbar-color: rgba(96, 165, 250, 0.3) transparent;}
body.dark #mega-downloads .downloads-split-right::-webkit-scrollbar-thumb{background: rgba(96, 165, 250, 0.3);}
#mega-downloads .download-nav-item{display: flex;align-items: center;gap: 0.85rem;padding: 0.75rem 1rem;border-radius: 14px;cursor: pointer;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid transparent;position: relative;flex: 1;min-height: 0;text-decoration: none;color: inherit;}
#mega-downloads .download-nav-item:focus-visible{outline: 2px solid #3b82f6;outline-offset: 2px;}
#mega-downloads .download-nav-item.active{background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(96, 165, 250, 0.06) 100%);}
body.dark #mega-downloads .download-nav-item.active{background: linear-gradient(135deg, rgba(96, 165, 250, 0.15) 0%, rgba(59, 130, 246, 0.08) 100%);}
#mega-downloads .download-nav-icon{width: 60px;height: 60px;border-radius: 12px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;transition: all 0.25s ease;overflow: hidden;}
#mega-downloads .download-nav-icon .dl-tile{width: 52px;height: 52px;display: block;border-radius: 12px;transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.3, 1), filter 0.25s ease;}
#mega-downloads .download-nav-item:hover .dl-tile{transform: translateY(-2px);filter: brightness(1.08);}
#mega-downloads .download-nav-item.active .dl-tile{filter: brightness(1.05);}
#mega-downloads .download-nav-text{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;}
#mega-downloads .download-nav-name{font-size: 1.1rem;font-weight: 700;color: #1e293b;transition: color 0.25s ease;}
body.dark #mega-downloads .download-nav-name{color: #f1f5f9;}
#mega-downloads .download-nav-item.active .download-nav-name{color: #3b82f6;}
body.dark #mega-downloads .download-nav-item.active .download-nav-name{color: #60a5fa;}
#mega-downloads .download-nav-short{font-size: 0.8rem;color: #64748b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
body.dark #mega-downloads .download-nav-short{color: #94a3b8;}
#mega-downloads .download-panel{display: none;flex-direction: column;gap: 0.5rem;animation: downloadFadeIn 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
#mega-downloads .download-panel.active{display: flex;}
@keyframes downloadFadeIn{from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); }}
#mega-downloads .downloads-note-separator{height: 1px;background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.18) 20%, rgba(59, 130, 246, 0.18) 80%, transparent 100%);margin: 0.9rem 1rem 0.75rem 1rem;flex-shrink: 0;}
body.dark #mega-downloads .downloads-note-separator{background: linear-gradient(90deg, transparent 0%, rgba(96, 165, 250, 0.22) 20%, rgba(96, 165, 250, 0.22) 80%, transparent 100%);}
#mega-downloads .downloads-note{padding: 0 1rem;display: flex;flex-direction: column;gap: 0.25rem;flex-shrink: 0;}
#mega-downloads .downloads-note-title{font-size: 1.05rem;font-weight: 700;color: #3b82f6;letter-spacing: 0.2px;}
body.dark #mega-downloads .downloads-note-title{color: #60a5fa;}
#mega-downloads .downloads-note-desc{display: block;font-size: 0.75rem;font-weight: 400;line-height: 1.5;color: #64748b;}
body.dark #mega-downloads .downloads-note-desc{color: #94a3b8;}
#mega-downloads .topbar-info-icon{display: inline-flex;align-items: center;justify-content: center;margin-right: 0.35rem;vertical-align: middle;color: #3b82f6;}
body.dark #mega-downloads .topbar-info-icon{color: #60a5fa;}
@media (min-width: 769px) and (max-width: 1100px){
#mega-downloads{max-width: 760px;}
#mega-downloads .downloads-split{height: 460px;}
#mega-downloads .downloads-split-left{padding: 1rem 0.5rem 1rem 0.75rem;}
#mega-downloads .downloads-split-left-apps{padding: 0 0.5rem;}
#mega-downloads .downloads-split-right{padding: 1rem 1.25rem;}
#mega-downloads .download-nav-item{gap: 0.65rem;padding: 0.5rem 0.75rem;}
#mega-downloads .download-nav-icon{width: 58px;height: 58px;}
#mega-downloads .download-nav-icon .dl-tile{width: 52px;height: 52px;border-radius: 12px;}
#mega-downloads .download-nav-name{font-size: 0.9rem;}
#mega-downloads .download-nav-short{font-size: 0.7rem;}
#mega-downloads .downloads-note-title{font-size: 0.85rem;}
#mega-downloads .downloads-note-desc{font-size: 0.68rem;line-height: 1.4;}
#mega-downloads .mega-item{padding: 0.5rem;}
#mega-downloads .mega-item-title{font-size: 0.85rem;}
#mega-downloads .mega-item-description{font-size: 0.7rem;}
}
@media (max-width: 768px){
#mega-downloads .downloads-split{flex-direction: column;height: auto;}
#mega-downloads .downloads-split-left{flex: 0 0 auto;width: 100%;padding: 1rem 0 0.75rem 0;}
#mega-downloads .downloads-split-left-apps{flex: 0 0 auto;flex-direction: row;justify-content: flex-start;overflow-x: auto;overflow-y: hidden;gap: 0.5rem;padding: 0 1rem 0.25rem 1rem;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
#mega-downloads .downloads-split-left-apps::-webkit-scrollbar{display: none;}
#mega-downloads .download-nav-item{flex: 0 0 auto;min-width: 200px;}
#mega-downloads .download-nav-icon{width: 52px;height: 52px;}
#mega-downloads .download-nav-icon .dl-tile{width: 46px;height: 46px;border-radius: 11px;}
#mega-downloads .download-nav-name{font-size: 0.95rem;}
#mega-downloads .download-nav-short{font-size: 0.72rem;}
#mega-downloads .downloads-note{padding: 0 1.25rem;}
#mega-downloads .downloads-note-title{font-size: 0.9rem;}
#mega-downloads .downloads-note-desc{font-size: 0.7rem;}
#mega-downloads .downloads-split-right{flex: 0 0 auto;border-left: none;border-top: 1px solid rgba(59, 130, 246, 0.1);border-radius: 0 0 20px 20px;padding: 1rem;justify-content: flex-start;}
body.dark #mega-downloads .downloads-split-right{border-top: 1px solid rgba(96, 165, 250, 0.15);}
}
.mega-item{display: flex;flex-direction: column;gap: 0.3rem;padding: 0.8rem;border-radius: 12px;transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;cursor: pointer;text-decoration: none;}
.mega-item:hover{background: rgba(59, 130, 246, 0.08);transform: translateX(4px);}
body.dark .mega-item:hover{background: rgba(96, 165, 250, 0.1);}
.docs-card:hover{background: rgba(59, 130, 246, 0.08) !important;border-color: rgba(59, 130, 246, 0.3) !important;transform: translateY(-2px);}
body.dark .docs-card:hover{background: rgba(96, 165, 250, 0.1) !important;border-color: rgba(96, 165, 250, 0.3) !important;}
.mega-item-title{font-size: 0.95rem;font-weight: 600;color: #1e293b;display: flex;align-items: center;gap: 0.5rem;}
body.dark .mega-item-title{color: #ffffff;}
.mega-item-description{font-size: 0.8rem;color: #64748b;line-height: 1.4;}
body.dark .mega-item-description{color: #94a3b8;}
#mega-produkty{max-width: 980px;}
.products-split{display: flex;height: 540px;}
.products-split-left{flex: 0 0 60%;padding: 1.5rem 0.5rem 0 0.5rem;display: flex;flex-direction: column;overflow: hidden;}
.products-split-left-apps{flex: 1;display: flex;flex-direction: column;justify-content: space-between;gap: 0;overflow-y: auto;padding: 0 1rem 0 1rem;}
.products-split-right{flex: 0 0 40%;padding: 1.5rem 2rem 1.5rem 1.5rem;background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(96, 165, 250, 0.02) 100%);border-left: 1px solid rgba(59, 130, 246, 0.1);border-radius: 0 24px 24px 0;display: flex;flex-direction: column;position: relative;overflow-y: auto;overflow-x: hidden;scrollbar-width: thin;scrollbar-color: rgba(59, 130, 246, 0.3) transparent;direction: rtl;}
.products-split-right > *{direction: ltr;}
.products-split-right::-webkit-scrollbar{width: 6px;}
.products-split-right::-webkit-scrollbar-track{background: transparent;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.products-split-right::-webkit-scrollbar-thumb{background: rgba(59, 130, 246, 0.3);border-radius: 3px;}
.products-split-right::-webkit-scrollbar-thumb:hover{background: rgba(59, 130, 246, 0.5);}
body.dark .products-split-right{scrollbar-color: rgba(96, 165, 250, 0.3) transparent;}
body.dark .products-split-right::-webkit-scrollbar-thumb{background: rgba(96, 165, 250, 0.3);}
body.dark .products-split-right::-webkit-scrollbar-thumb:hover{background: rgba(96, 165, 250, 0.5);}
body.dark .products-split-right{background: linear-gradient(135deg, rgba(10, 15, 28, 0.85) 0%, rgba(15, 23, 42, 0.7) 100%);border-left: 1px solid rgba(96, 165, 250, 0.15);}
.product-nav-item{display: flex;align-items: center;gap: 0.85rem;padding: 0.75rem 1rem;border-radius: 14px;cursor: pointer;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid transparent;position: relative;flex: 1;min-height: 0;text-decoration: none;color: inherit;}
.product-nav-item:hover{background: transparent;}
body.dark .product-nav-item:hover{background: transparent;}
.product-nav-item.active{background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(96, 165, 250, 0.06) 100%);}
body.dark .product-nav-item.active{background: linear-gradient(135deg, rgba(96, 165, 250, 0.15) 0%, rgba(59, 130, 246, 0.08) 100%);}
.product-nav-icon{width: 72px;height: 72px;border-radius: 14px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;transition: all 0.25s ease;overflow: hidden;}
.product-nav-item:hover .product-nav-icon{filter: brightness(1.15);}
body.dark .product-nav-item:hover .product-nav-icon{filter: brightness(1.2);}
.product-nav-item.active .product-nav-icon{filter: brightness(1.1);}
.product-nav-icon img{width: 64px;height: 64px;border-radius: 10px;transition: filter 0.25s ease;object-fit: cover;}
.product-nav-icon svg{width: 48px;height: 48px;stroke: #3b82f6;fill: none;stroke-width: 1.8;transition: stroke 0.25s ease;}
.product-nav-item.active .product-nav-icon svg{stroke: #ffffff;}
body.dark .product-nav-icon svg{stroke: #60a5fa;}
body.dark .product-nav-item.active .product-nav-icon svg{stroke: #ffffff;}
.product-nav-text{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;}
.product-nav-name{font-size: 1.1rem;font-weight: 700;color: #1e293b;transition: color 0.25s ease;}
body.dark .product-nav-name{color: #f1f5f9;}
.product-nav-item.active .product-nav-name{color: #3b82f6;}
body.dark .product-nav-item.active .product-nav-name{color: #60a5fa;}
.product-nav-short{font-size: 1.1rem;color: #64748b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
body.dark .product-nav-short{color: #94a3b8;}
.product-detail{display: none;flex-direction: column;gap: 1rem;animation: productFadeIn 0.35s cubic-bezier(0.4, 0, 0.2, 1);padding-right: 0.5rem;}
.product-detail.active{display: flex;}
@keyframes productFadeIn{from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); }}
.product-detail-header{display: flex;align-items: center;gap: 1rem;}
.product-detail-name{font-size: 1.4rem;font-weight: 800;color: #1e293b;line-height: 1.2;}
body.dark .product-detail-name{color: #f1f5f9;}
.product-detail-desc{font-size: 0.9rem;line-height: 1.65;color: #475569;}
body.dark .product-detail-desc{color: #cbd5e1;}
.product-detail-features{display: flex;flex-direction: column;gap: 0.6rem;margin-top: 0.5rem;}
.product-feature-tag{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.85rem;font-weight: 500;color: #475569;}
body.dark .product-feature-tag{color: #cbd5e1;}
.product-feature-tag::before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #1e293b;flex-shrink: 0;}
body.dark .product-feature-tag::before{background: #60a5fa;}
.products-stock-separator{height: 1px;background: rgba(59, 130, 246, 0.15);margin: 0.75rem 1rem 0 1rem;}
body.dark .products-stock-separator{background: rgba(96, 165, 250, 0.2);}
.products-stock{display: flex;align-items: center;gap: 1rem;cursor: default;padding: 1.75rem 1rem 2rem 1rem;transition: all 0.25s ease;min-height: 108px;}
.products-stock:hover{background: transparent;}
body.dark .products-stock:hover{background: transparent;}
.products-stock-icon{margin-left: auto;width: 96px;height: 96px;border-radius: 14px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;}
.products-stock-icon img{width: 88px;height: 88px;border-radius: 10px;object-fit: cover;}
.products-stock-text{display: flex;flex-direction: column;gap: 0.15rem;}
.products-stock-title{font-size: 1.1rem;font-weight: 700;color: #1e293b;}
body.dark .products-stock-title{color: #f1f5f9;}
.products-stock-desc{font-size: 1.1rem;color: #64748b;}
body.dark .products-stock-desc{color: #94a3b8;}
@media (min-width: 769px) and (max-width: 1100px){
#mega-produkty{max-width: 760px;}
.products-split-left{padding: 1rem 0.5rem 1rem 1rem;}
.products-split-right{padding: 1rem 1.25rem;}
.product-nav-name{font-size: 0.82rem;}
.product-nav-short{font-size: 0.7rem;}
.product-detail-name{font-size: 1.15rem;}
.product-detail-desc{font-size: 0.82rem;}
.product-feature-tag{font-size: 0.7rem;padding: 0.3rem 0.6rem;}
}
@media (max-width: 768px){
.products-split{flex-direction: column;min-height: auto;}
.products-split-left{width: 100%;padding: 1rem;flex-direction: row;overflow-x: auto;gap: 0.5rem;}
.product-nav-item{flex-shrink: 0;min-width: 160px;}
.products-split-right{border-radius: 0;border-left: none;border-top: 1px solid rgba(59, 130, 246, 0.1);padding: 1rem;}
}
.linux-icon{filter: brightness(0);transition: filter 0.3s ease;}
body.dark .linux-icon{filter: brightness(0) invert(1);}
.mega-item-badge{display: inline-block;background: linear-gradient(45deg, #3b82f6, #60a5fa);color: white;font-size: 0.65rem;padding: 0.2rem 0.5rem;border-radius: 20px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;}
.mega-download-section{margin-top: 1.5rem;}
.mega-download-title{display: flex;align-items: center;gap: 0.75rem;font-size: 1rem;font-weight: 600;color: #1e293b;margin-bottom: 1rem;padding: 0.5rem 0;}
body.dark .mega-download-title{color: rgba(255, 255, 255, 0.95);}
.mega-download-icon{width: 22px;height: 22px;color: #60a5fa;flex-shrink: 0;}
.mega-button-wrapper{margin-top: 0;display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 1rem;align-items: flex-start;}
@media (min-width: 1024px){
.mega-button-wrapper{flex-wrap: nowrap;}
}
.hamburger-button{display: none;flex-direction: column;justify-content: center;align-items: center;width: 40px;height: 40px;cursor: pointer;z-index: 1002;background: rgba(0, 0, 0, 0.05);border-radius: 8px;transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid rgba(0, 0, 0, 0.1);padding: 0;transform: translate3d(0, 0, 0);backface-visibility: hidden;-webkit-backface-visibility: hidden;will-change: transform;}
body.dark .hamburger-button{background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);}
.hamburger-line{width: 20px;height: 2px;background: rgba(0, 0, 0, 0.8);margin: 2px 0;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 2px;transform-origin: center;will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;transform: translate3d(0, 0, 0);}
body.dark .hamburger-line{background: rgba(255, 255, 255, 0.9);}
.hamburger-button.active .hamburger-line:nth-child(1){transform: rotate(45deg) translate3d(5px, 5px, 0);}
.hamburger-button.active .hamburger-line:nth-child(2){opacity: 0;transform: scaleX(0) translate3d(0, 0, 0);}
.hamburger-button.active .hamburger-line:nth-child(3){transform: rotate(-45deg) translate3d(5px, -5px, 0);}
.mobile-menu-content{position: fixed;top: 6rem;bottom: auto;left: 20px;right: 20px;transform: translate3d(100%, 0, 0);width: auto;max-height: calc(100vh - 6rem - 40px);z-index: 1001;visibility: hidden;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(25px) saturate(150%);-webkit-backdrop-filter: blur(25px) saturate(150%);border-radius: 25px;padding: 0;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 20px rgba(0, 0, 0, 0.15), 0 20px 40px rgba(0, 0, 0, 0.2), 0 0 60px rgba(59, 130, 246, 0.15);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.35s;overflow-y: auto;overscroll-behavior: contain;touch-action: pan-y;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;padding-bottom: 20px;}
.mobile-menu-content::-webkit-scrollbar{display: none;}
body.dark .mobile-menu-content{background: rgba(2, 6, 23, 0.15);border: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu-content.active{transform: translate3d(0, 0, 0);visibility: visible;transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;}
.menu-user-section{padding: 1.5rem 1.5rem 1rem 1.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.2);background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100% );}
body.dark .menu-user-section{background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100% );border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.user-info{display: flex;align-items: center;gap: 12px;}
.user-avatar{width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg, #3b82f6, #60a5fa);display: flex;align-items: center;justify-content: center;color: white;font-size: 20px;font-weight: 600;box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);position: relative;overflow: hidden;}
.user-avatar::before{content: "";position: absolute;width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/cover;}
.user-details{flex: 1;}
.user-name{color: #1e293b;font-size: 16px;font-weight: 700;margin: 0 0 2px 0;line-height: 1.2;}
body.dark .user-name{color: #ffffff;}
.user-email{color: #64748b;font-size: 13px;font-weight: 500;margin: 0;opacity: 0.8;}
body.dark .user-email{color: #94a3b8;}
.menu-list{padding: 0.5rem 0 1.5rem 0;}
.mobile-menu-item{display: flex;align-items: center;gap: 12px;padding: 12px 20px;margin: 4px 12px;border-radius: 12px;text-decoration: none;color: #1e293b;font-size: 15px;font-weight: 600;transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;position: relative;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);}
body.dark .mobile-menu-item{color: #e2e8f0;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu-item:hover{background: rgba(59, 130, 246, 0.1);color: #3b82f6;border-color: rgba(59, 130, 246, 0.3);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);}
.mobile-menu-item.download-btn-mobile{}
.mobile-menu-item.download-btn-mobile:hover{}
body.dark .mobile-menu-item.download-btn-mobile{}
body.dark .mobile-menu-item.download-btn-mobile:hover{}
body.dark .mobile-menu-item:hover{background: rgba(96, 165, 250, 0.15);color: #60a5fa;border-color: rgba(96, 165, 250, 0.3);}
.menu-icon{width: 20px;height: 20px;opacity: 0.7;transition: all 0.3s ease;flex-shrink: 0;}
.mobile-menu-item:hover .menu-icon{opacity: 1;transform: scale(1.1);}
.mobile-menu-item.control-panel{background: rgba(59, 130, 246, 0.15);border: 1px solid rgba(59, 130, 246, 0.3);color: #1e40af;font-weight: 700;}
body.dark .mobile-menu-item.control-panel{background: rgba(96, 165, 250, 0.1);border: 1px solid rgba(96, 165, 250, 0.2);color: #60a5fa;}
.mobile-menu-item.control-panel:hover{background: rgba(59, 130, 246, 0.25);color: #1d4ed8;box-shadow: 0 6px 16px rgba(59, 130, 246, 0.25);}
.mobile-menu-item.control-panel .menu-icon{opacity: 0.9;}
.mobile-menu-item.split-button{padding: 0;overflow: hidden;display: flex;}
.split-button-left{flex: 1;display: flex;align-items: center;gap: 12px;padding: 12px 20px;text-decoration: none;color: inherit;}
.split-button-right{display: flex;align-items: center;justify-content: center;padding: 12px 20px;background: rgba(59, 130, 246, 0.2);border-left: 1px solid rgba(59, 130, 246, 0.3);color: #1e40af;font-weight: 700;min-width: 120px;text-decoration: none;transition: all 0.3s ease;}
body.dark .split-button-right{background: rgba(96, 165, 250, 0.15);border-left: 1px solid rgba(96, 165, 250, 0.3);color: #60a5fa;}
.split-button-right:hover{background: rgba(59, 130, 246, 0.3);color: #1d4ed8;}
body.dark .split-button-right:hover{background: rgba(96, 165, 250, 0.25);color: #93c5fd;}
.mobile-menu-item.expandable::after{content: "▼";font-size: 12px;margin-left: auto;transition: transform 0.3s ease;color: #64748b;}
.mobile-menu-item.expandable.expanded::after{transform: rotate(180deg);color: #3b82f6;}
body.dark .mobile-menu-item.expandable.expanded::after{color: #60a5fa;}
.benefits-section, .products-section{overflow: hidden;margin: 0 12px 12px 12px;border-radius: 16px;opacity: 0;max-height: 0;transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.benefits-section{background: linear-gradient(135deg, rgba(59, 130, 246, 0.9) 0%, rgba(96, 165, 250, 0.8) 50%, rgba(147, 197, 253, 0.7) 100% );}
.products-section{background: linear-gradient(135deg, rgba(59, 130, 246, 0.9) 0%, rgba(96, 165, 250, 0.8) 50%, rgba(147, 197, 253, 0.7) 100% );}
.benefits-section.expanded, .products-section.expanded{opacity: 1;max-height: 2000px;}
.mobile-download-section{margin-top: 1.5rem;padding: 1rem;background: rgba(255, 255, 255, 0.1);border-radius: 12px;}
.mobile-download-title{display: flex;align-items: center;gap: 0.75rem;font-size: 0.95rem;font-weight: 600;color: white;margin-bottom: 1rem;padding: 0.5rem 0;}
.mobile-download-icon{width: 20px;height: 20px;color: white;flex-shrink: 0;}
.mobile-app-buttons{display: flex;flex-direction: column;gap: 0.75rem;}
.mobile-app-buttons .google-play-container{height: 70px;min-height: 70px;padding: 0.4rem 0.6rem;gap: 0.75rem;}
.mobile-app-buttons .google-play-button{padding: 0.4rem 1rem;font-size: 0.8rem;}
.mobile-app-buttons .google-play-text-small{font-size: 0.55rem;}
.mobile-app-buttons .google-play-text-large{font-size: 0.75rem;}
.mobile-app-buttons .google-play-icon{width: 18px;height: 18px;}
.mobile-app-buttons .qr-code-container img{width: 45px;height: 45px;}
.mobile-downloads-section{overflow: hidden;margin: 0 12px 12px 12px;border-radius: 16px;opacity: 0;max-height: 0;transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);padding: 0;}
.mobile-downloads-section.active{opacity: 1;max-height: 2000px;padding: 1rem;}
.mobile-downloads-content{background: rgba(255, 255, 255, 0.08);border-radius: 12px;padding: 1rem;}
body.dark .mobile-downloads-content{background: rgba(0, 0, 0, 0.2);}
.mobile-downloads-category{margin-bottom: 1.25rem;}
.mobile-downloads-category:last-child{margin-bottom: 0;}
.mobile-downloads-category-title{font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: rgba(30, 41, 59, 0.6);margin-bottom: 0.75rem;padding-bottom: 0.5rem;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
body.dark .mobile-downloads-category-title{color: rgba(255, 255, 255, 0.5);border-bottom-color: rgba(255, 255, 255, 0.08);}
.mobile-download-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem;color: #1e293b;text-decoration: none;border-radius: 8px;transition: background 0.2s ease;font-size: 0.9rem;}
.mobile-download-item:hover{background: rgba(0, 0, 0, 0.05);}
body.dark .mobile-download-item{color: white;}
body.dark .mobile-download-item:hover{background: rgba(255, 255, 255, 0.05);}
.mobile-download-item svg{flex-shrink: 0;opacity: 0.8;fill: #1e293b;}
body.dark .mobile-download-item svg{fill: white;}
.benefits-content, .products-content{padding: 20px;color: white;}
.benefits-title, .products-title{font-size: 18px;font-weight: 700;margin-bottom: 16px;color: white;text-align: center;}
.benefit-item, .product-item{display: flex;align-items: flex-start;gap: 12px;margin-bottom: 14px;padding: 10px;background: rgba(255, 255, 255, 0.1);border-radius: 10px;backdrop-filter: blur(10px);}
.benefit-icon{width: 20px;height: 20px;color: white;flex-shrink: 0;margin-top: 2px;}
.product-icon-img{width: 48px;height: 48px;border-radius: 10px;object-fit: cover;flex-shrink: 0;}
.benefit-text, .product-text{flex: 1;}
.benefit-title, .product-title{font-size: 14px;font-weight: 600;color: white;margin-bottom: 4px;}
.benefit-description, .product-description{font-size: 12px;color: rgba(255, 255, 255, 0.8);line-height: 1.4;}
a.product-item-clickable{text-decoration: none;cursor: pointer;transition: all 0.2s ease;border: 2px solid transparent;}
a.product-item-clickable:hover{background: rgba(59, 130, 246, 0.2);border-color: rgba(59, 130, 246, 0.5);transform: translateX(4px);}
a.product-item-clickable .product-title strong{color: #ffffff;font-weight: 800;}
.mobile-login-form{overflow: hidden;margin: 0 12px 12px 12px;border-radius: 16px;background: rgba(255, 255, 255, 0.1);opacity: 0;max-height: 0;transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.mobile-login-form.expanded{opacity: 1;max-height: 1000px;}
.mobile-login-content{padding: 20px;}
.mobile-login-title{font-size: 18px;font-weight: 700;margin-bottom: 16px;color: #1e293b;text-align: center;}
body.dark .mobile-login-title{color: #ffffff;}
.mobile-login-field{margin-bottom: 12px;}
.mobile-login-field input{width: 100%;padding: 12px 16px;border-radius: 20px;border: 1px solid rgba(59, 130, 246, 0.3);background: rgba(255, 255, 255, 0.9);font-size: 14px;transition: all 0.3s ease;box-sizing: border-box;}
.mobile-login-field input:-webkit-autofill, .mobile-login-field input:-webkit-autofill:hover, .mobile-login-field input:-webkit-autofill:focus, .mobile-login-field input:-webkit-autofill:active{-webkit-background-clip: text !important;-webkit-text-fill-color: #1e293b !important;-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.9) inset !important;box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.9) inset !important;border: 1px solid rgba(59, 130, 246, 0.3) !important;animation-name: autofill-light !important;animation-fill-mode: both !important;animation-duration: 50000s !important;}
body.dark .mobile-login-field input{background: rgba(0, 0, 0, 0.4);color: #ffffff;border-color: rgba(96, 165, 250, 0.3);}
body.dark .mobile-login-field input:-webkit-autofill, body.dark .mobile-login-field input:-webkit-autofill:hover, body.dark .mobile-login-field input:-webkit-autofill:focus, body.dark .mobile-login-field input:-webkit-autofill:active{-webkit-background-clip: text !important;-webkit-text-fill-color: #ffffff !important;-webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.4) inset !important;box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.4) inset !important;background-color: rgba(0, 0, 0, 0.4) !important;background-image: none !important;border: 1px solid rgba(96, 165, 250, 0.3) !important;filter: none !important;animation-name: autofill-dark !important;animation-fill-mode: both !important;animation-duration: 50000s !important;}
.mobile-login-field input:focus{outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}
body.dark .mobile-login-field input:focus{border-color: #60a5fa;box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);}
.mobile-login-button{width: 100%;height: 56px !important;min-height: 56px !important;padding: 0 16px;border-radius: 28px;border: none;background: linear-gradient(135deg, #3b82f6, #60a5fa);color: white;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.mobile-login-button:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);}
.mobile-login-button:active{transform: translateY(0);}
.mobile-login-btn-wrapper{position: relative;display: flex;}
.mobile-login-buttons-container{display: flex;gap: 12px;align-items: center;justify-content: center;margin-top: 1rem;}
@media (min-width: 480px){
.mobile-login-buttons-container{justify-content: center;}
.mobile-login-buttons-container .mobile-login-btn-wrapper{flex: 0 0 auto;}
.mobile-login-buttons-container .mobile-login-button{width: auto !important;min-width: 180px;padding-left: 24px !important;}
}
@media (max-width: 479px){
.mobile-login-buttons-container .mobile-login-btn-wrapper{flex: 1;}
}
.mobile-biometric-btn{position: absolute;right: 4px;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border-radius: 50%;background: #93c5fd;border: none;display: flex;align-items: center;justify-content: center;pointer-events: none;transition: all 0.2s ease;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.mobile-biometric-btn svg{stroke: white;width: 28px;height: 28px;}
.mobile-login-btn-wrapper:hover .mobile-biometric-btn{transform: translateY(calc(-50% - 2px));box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);}
@media (max-width: 768px){
.hamburger-button{display: flex;}
.theme-toggle-mobile{display: block;}
.theme-toggle-desktop{display: none;}
.desktop-menu{display: none;}
.nav-container{padding: 1rem;}
.logo-container{gap: 0.75rem;}
.blocks{width: 36px;height: 36px;}
.block{width: 21px;height: 21px;}
.block2{top: 7.5px;left: 7.5px;}
.block-overlap{width: 11px;height: 11px;top: 7.5px;left: 7.5px;border-radius: 2px;}
.block3{top: 15px;left: 15px;}
.brand{font-size: 1.3rem;}
.mobile-menu-content{top: 5rem;}
.mega-menu-content{grid-template-columns: 1fr;gap: 2rem;padding: 2rem 1rem;}
nav.scrolled{backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
body.dark nav.scrolled{backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
}
@media (min-width: 769px){
.hamburger-button{display: none;}
.theme-toggle-mobile{display: none;}
.theme-toggle-desktop{display: block;}
.desktop-menu{display: flex;}
.mobile-menu-content{display: none !important;}
.nav-container{padding: 1.3rem 2rem;}
.brand{font-size: 1.55rem;}
.blocks{width: 44px;height: 44px;}
.block{width: 25px;height: 25px;}
.block2{top: 9.5px;left: 9.5px;}
.block-overlap{width: 16px;height: 16px;top: 9.5px;left: 9.5px;border-radius: 3px;}
.block3{top: 19px;left: 19px;}
.nav-link{font-size: 0.98rem;padding: 0.72rem 1.22rem;}
nav.scrolled .nav-container{padding: 0.5rem 2rem;}
nav.scrolled .brand{font-size: 1.5rem;}
nav.scrolled .blocks{width: 42px;height: 42px;}
nav.scrolled .block{width: 24px;height: 24px;}
nav.scrolled .block2{top: 9px;left: 9px;}
nav.scrolled .block-overlap{width: 15px;height: 15px;top: 9px;left: 9px;border-radius: 3px;}
nav.scrolled .block3{top: 18px;left: 18px;}
nav.scrolled .nav-link{font-size: 0.95rem;padding: 0.5rem 1.2rem;}
}
@media (max-width: 1024px){
.mega-menu-content{grid-template-columns: 1fr;gap: 2rem;padding: 2rem 1rem;}
}
@media (min-width: 769px) and (max-width: 1100px){
.nav-container{padding: 0.6rem 1rem;flex-wrap: wrap;}
.nav-right{flex: 1;justify-content: flex-end;}
.nav-main-links.desktop-menu{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.3rem;row-gap: 0.5rem;width: 100%;position: relative;}
.nav-main-links.desktop-menu > a[data-mega], .nav-main-links.desktop-menu > #faqHelpBtn, .nav-main-links.desktop-menu > a[href="#contact"]{order: 10;margin-left: 0 !important;margin-right: 0 !important;}
.nav-main-links.desktop-menu > a[data-mega]:first-of-type{margin-left: -60px !important;}
.nav-main-links.desktop-menu::before{content: "";flex: 0 0 100%;max-width: 100%;order: 5;height: 0;}
.nav-main-links.desktop-menu .separator, .nav-main-links.desktop-menu .nextcloud-btn, .nav-main-links.desktop-menu > a[href="/logout.php"], .nav-main-links.desktop-menu > a[href="/panel.php"], .nav-main-links.desktop-menu > a[onclick="showLoginModal(event)"]{order: 1;}
.nav-main-links.desktop-menu > a[href="/panel.php"], .nav-main-links.desktop-menu > a[onclick="showLoginModal(event)"]{margin-left: 0;}
.nav-main-links.desktop-menu .nextcloud-btn{margin-right: 0;}
.nav-main-links.desktop-menu .language-selector{order: 2;position: absolute;right: 44px;top: 0;z-index: 10;}
.nav-main-links.desktop-menu .theme-toggle-desktop{order: 3;position: absolute;right: 10px;top: 6px;z-index: 10;}
.nav-main-links.desktop-menu{padding-right: 110px;}
.nav-link{font-size: 0.9rem;padding: 0.5rem 0.8rem;white-space: nowrap !important;flex-shrink: 0;}
.mega-menu-content{grid-template-columns: repeat(2, 1fr) !important;gap: 1.5rem !important;padding: 1.5rem 1rem !important;}
.mega-section{gap: 0.6rem;}
.mega-section-title{font-size: 0.7rem;margin-bottom: 0.3rem;}
.mega-item{padding: 0.5rem;}
.mega-item-title{font-size: 0.85rem;}
.mega-item-description{font-size: 0.75rem;}
.mega-button-wrapper{flex-direction: column;gap: 0.5rem;}
.google-play-container{flex-direction: row;}
.google-play-button{padding: 0.5rem 0.8rem;font-size: 0.8rem;}
.google-play-icon{width: 18px;height: 18px;}
.google-play-text-small{font-size: 0.6rem;}
.google-play-text-large{font-size: 0.75rem;}
.qr-code-wrapper, .mega-download-section, .mega-button-wrapper{display: none !important;}
.nav-main-links.desktop-menu > a[href="/panel.php"], a[href="/panel.php"].nav-link, .nav-main-links.desktop-menu > a[onclick="showLoginModal(event)"], a[onclick="showLoginModal(event)"].nav-link{white-space: nowrap !important;min-width: max-content;display: inline-block;}
nav.scrolled .nav-link{font-size: 0.82rem;padding: 0.45rem 0.7rem;}
.brand{font-size: 1.4rem;}
.blocks{width: 40px;height: 40px;}
.block{width: 22px;height: 22px;}
.block2{top: 9px;left: 9px;}
.block-overlap{width: 14px;height: 14px;top: 9px;left: 9px;}
.block3{top: 18px;left: 18px;}
nav.scrolled .brand{font-size: 1.2rem;}
nav.scrolled .blocks{width: 32px;height: 32px;}
nav.scrolled .block{width: 18px;height: 18px;}
nav.scrolled .block2{top: 7px;left: 7px;}
nav.scrolled .block-overlap{width: 11px;height: 11px;top: 7px;left: 7px;}
nav.scrolled .block3{top: 14px;left: 14px;}
.separator{margin: 0 0.2rem;}
.language-selector{margin-left: 0.8rem;}
.lang-trigger{padding: 0.35rem 0.5rem;gap: 0.25rem;}
.lang-flag{width: 22px;height: 16px;}
.lang-code{font-size: 0.7rem;}
.lang-arrow{font-size: 0.45rem;}
.theme-toggle-desktop{width: 20px;height: 20px;margin-left: 0.8rem;}
nav.scrolled .mega-menu{top: 97px;}
.lang-dropdown{left: 50% !important;right: auto !important;bottom: auto !important;transform: translateX(-50%) translateY(-10px) !important;width: 90% !important;max-width: 600px !important;min-width: auto !important;max-height: 70vh !important;overflow-y: auto !important;}
.lang-dropdown.active{transform: translateX(-50%) translateY(0) !important;}
.lang-search-container{width: 80% !important;margin-left: auto !important;margin-right: auto !important;}
.features{gap: 12px !important;}
}
body:not(.dark) .feature-item{color: #ffffff;}
@media (max-width: 768px){
.feature-item{font-size: 0.7rem;line-height: 1.25;padding: 0.25rem 0;word-break: break-word;hyphens: auto;}
}
@media (prefers-reduced-motion: reduce){
.hero-container, .hero-container::before, .hero-container::after{animation: none !important;}
}
.feature-item{font-family: "Manrope", "Noto Sans KR", "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", sans-serif;font-size: 0.9rem;color: #4b5563;font-weight: 500;display: flex;align-items: center;line-height: 1.4;opacity: 0;transform: translateX(-30px);transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.feature-item.visible{opacity: 1;transform: translateX(0);}
.feature-item:nth-child(1){transition-delay: 0s;}
.feature-item:nth-child(2){transition-delay: 0.25s;}
.feature-item:nth-child(3){transition-delay: 0.5s;}
.feature-item:nth-child(4){transition-delay: 0.75s;}
.dark .feature-item{color: #ffffff;}
.trial-button{display: inline-flex;background: linear-gradient(45deg, #3b82f6, #60a5fa);color: white;border: none;border-radius: 35px;padding: 1.1rem 1.5rem 1.1rem 2rem;font-size: 1rem;font-weight: 600;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;align-items: center;justify-content: space-between;text-decoration: none;box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);margin: 0;height: 70px;box-sizing: border-box;position: relative;overflow: hidden;gap: 1rem;white-space: nowrap;will-change: transform, box-shadow;}
.hero-buttons-container .trial-button{animation: trialButtonPulse 2s ease-in-out infinite;}
.modal-content .trial-button, .reset-form .trial-button{animation: none !important;}
@keyframes trialButtonPulse{0%, 100% { box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); } 50% { box-shadow: 0 8px 24px rgba(59, 130, 246, 0.5), 0 0 30px rgba(59, 130, 246, 0.2); }}
@media (max-width: 480px){
.trial-button{white-space: normal;height: 65px !important;min-height: 65px;padding: 0.8rem 1.2rem;text-align: center;display: flex;align-items: center;justify-content: center;}
}
.trial-button::before{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.2);transition: left 0.3s ease;}
.trial-button:hover::before{left: 100%;}
.trial-button:hover{transform: translateY(-3px) scale(1.05);box-shadow: 0 12px 36px rgba(59, 130, 246, 0.4);}
@media (max-width: 1023px){
.trial-button{height: 65px;padding: 1rem 1.25rem 1rem 2rem;gap: 0.75rem;}
}
.google-play-container{display: flex;align-items: center;gap: 1rem;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 16px;padding: 0.5rem 0.75rem;border: 2px solid rgba(255, 255, 255, 0.2);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;min-height: 80px;height: 80px;box-sizing: border-box;width: auto;flex-shrink: 0;}
.google-play-container:hover{transform: translateY(-3px);box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15);border-color: rgba(255, 255, 255, 0.3);}
body.dark .google-play-container{background: rgba(15, 23, 42, 0.3);border-color: rgba(96, 165, 250, 0.3);}
.google-play-button{display: flex;align-items: center;gap: 0.75rem;background: linear-gradient(135deg, #000000, #1a1a1a);color: white;text-decoration: none;padding: 0.5rem 1.25rem;border-radius: 10px;transition: all 0.3s ease;font-weight: 600;font-size: 0.9rem;border: 1px solid rgba(255, 255, 255, 0.1);white-space: nowrap;flex-shrink: 0;}
@media (max-width: 480px){
.google-play-button{white-space: normal;height: auto;padding: 0.5rem 1rem;text-align: center;}
}
.google-play-button:hover{background: linear-gradient(135deg, #1a1a1a, #2d2d2d);transform: scale(1.05);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.google-play-icon{width: 24px;height: 24px;flex-shrink: 0;}
.google-play-text{display: flex;flex-direction: column;align-items: flex-start;line-height: 1.2;}
.google-play-text-small{font-size: 0.65rem;opacity: 0.8;font-weight: 400;}
.google-play-text-large{font-size: 0.9rem;font-weight: 700;}
.qr-code-wrapper{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.3rem;flex-shrink: 0;width: 60px;}
.qr-code-container{background: white;padding: 0.4rem;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;flex-shrink: 0;}
.qr-code-container:hover{transform: scale(1.1);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);}
.qr-code-container img{display: block;width: 50px;height: 50px;flex-shrink: 0;object-fit: contain;aspect-ratio: 1 / 1;}
@media (max-width: 1023px){
.google-play-container{padding: 0.5rem 0.75rem;gap: 0.75rem;height: 80px;min-height: 80px;}
.google-play-button{padding: 0.5rem 1.2rem;font-size: 0.85rem;}
.google-play-icon{width: 20px;height: 20px;}
.google-play-text-small{font-size: 0.6rem;}
.google-play-text-large{font-size: 0.85rem;}
.qr-code-container img{width: 48px;height: 48px;object-fit: contain;aspect-ratio: 1 / 1;}
}
.google-signup-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;justify-content: center;align-items: center;}
.google-signup-content{background: white;padding: 2rem;border-radius: 20px;max-width: 400px;width: 90%;text-align: center;animation: fadeInUp 0.3s ease;}
.dark .google-signup-content{background: #374151;color: white;}
.google-signup-icon{width: 80px;height: 80px;margin: 0 auto 1rem;background: linear-gradient(45deg, #4285f4, #34a853);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 2rem;}
.password-display{background: #f3f4f6;padding: 1rem;border-radius: 10px;margin: 1rem 0;font-family: monospace;font-size: 1.1rem;font-weight: bold;color: #1e40af;border: 2px solid #3b82f6;}
.dark .password-display{background: #4b5563;color: #60a5fa;}
.slider-container{position: relative;width: 225px;height: 70px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(90deg, #1a2332, #2d3748, #1a2332);border-radius: 35px;box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.6), inset 0 -3px 6px rgba(255, 255, 255, 0.1), inset 0 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 5px rgba(255, 255, 255, 0.05), 0 0 20px rgba(0, 0, 0, 0.5);overflow: hidden;}
@media (max-width: 1023px){
.slider-container{width: 280px;height: 65px;}
}
.success-state{background: linear-gradient(145deg, #06ffa5, #00d084) !important;}
@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}
@media (prefers-reduced-motion: reduce){
.sync-phone-wrapper, .sync-phone, .sync-phone-light{animation: none !important;}
}
.trust-word{display: inline-block;transition: color 0.25s ease, text-shadow 0.25s ease, -webkit-text-fill-color 0.25s ease;margin-right: 0.25em;}
.trust-word:hover{background: none !important;-webkit-background-clip: initial;background-clip: initial;-webkit-text-fill-color: #000000 !important;color: #000000 !important;text-shadow: 0 0 20px rgba(0,0,0,0.25);}
.dark .trust-word:hover{-webkit-text-fill-color: #ffffff !important;color: #ffffff !important;text-shadow: 0 0 24px rgba(255,255,255,0.6), 0 0 48px rgba(255,255,255,0.25);}
.company-card-text{font-size: 1.05rem !important;font-weight: 500 !important;line-height: 1.75 !important;margin: 0 !important;color: #6d7175 !important;}
.dark .company-card-text{color: #a3a8af !important;}
.company-card-text, .card-word{transition: color 0.25s ease;}
.card-word{cursor: default;}
.card-word.line-hover{color: #000000 !important;}
.dark .card-word.line-hover{color: #ffffff !important;}
.company-swap-word{display: inline-block;opacity: 0;transform: translateY(20px);transition: opacity 0.5s cubic-bezier(0.22,1,0.36,1), transform 0.5s cubic-bezier(0.22,1,0.36,1), color 0.25s ease, text-shadow 0.25s ease, -webkit-text-fill-color 0.25s ease;cursor: default;}
.company-swap-word.swap-in{opacity: 1;transform: translateY(0);}
.company-swap-word strong{font-weight: 700;}
.company-swap-line{display: block;}
.store2-mid{position: relative;width: 100%;max-width: 433px;height: auto;aspect-ratio: 433/254;border-radius: 12px;z-index: 3;object-fit: cover;overflow: hidden;margin-top: 2.5rem;box-shadow: 0 15px 40px rgba(0,0,0,0.35), 0 6px 15px rgba(0,0,0,0.2), 0 10px 30px rgba(255,107,107,0.25), 0 10px 50px rgba(72,219,251,0.2), 0 10px 70px rgba(254,202,87,0.15);}
body:not(.dark) .lang-dropdown{background: rgba(10, 10, 12, 0.85);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 60px rgba(0, 0, 0, 0.3);}
body:not(.dark) .lang-search-input{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);color: #e2e8f0;}
body:not(.dark) .lang-search-input::placeholder{color: #64748b;}
body:not(.dark) .lang-search-input:focus{background: rgba(96, 165, 250, 0.15);border-color: rgba(96, 165, 250, 0.3);}
body:not(.dark) .lang-search-icon{color: #64748b;}
body:not(.dark) .lang-search-clear{background: rgba(255, 255, 255, 0.1);color: #94a3b8;}
body:not(.dark) .lang-search-clear:hover{background: rgba(239, 68, 68, 0.3);color: #f87171;}
body:not(.dark) .lang-search-results-count{color: #94a3b8;}
body:not(.dark) .lang-no-results{color: #94a3b8;}
body:not(.dark) .lang-continent-tab{background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.1);color: #94a3b8;}
body:not(.dark) .lang-continent-tab:hover{background: rgba(96, 165, 250, 0.15);border-color: rgba(96, 165, 250, 0.3);color: #60a5fa;}
body:not(.dark) .lang-continent-tab.active{background: #007aff;border-color: transparent;color: #fff;}
body:not(.dark) .lang-option{color: #e2e8f0;}
body:not(.dark) .lang-option:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}
body:not(.dark) .lang-option.active{background: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.25);}
body:not(.dark) .lang-option.search-match{background: rgba(96, 165, 250, 0.15);border-color: rgba(96, 165, 250, 0.3);}
#mega-downloads .downloads-split-right{padding: 1.75rem 2rem;justify-content: center;}
#mega-downloads .download-panel{gap: 0.7rem;}
#mega-downloads .mega-item{gap: 0.4rem;padding: 1.05rem 1.15rem;border-radius: 14px;border: 1px solid transparent;background: transparent;}
body.dark #mega-downloads .mega-item{border-color: transparent;background: transparent;}
#mega-downloads .mega-item:hover{border-color: rgba(59, 130, 246, 0.35);background: rgba(59, 130, 246, 0.09);}
body.dark #mega-downloads .mega-item:hover{border-color: rgba(96, 165, 250, 0.4);background: rgba(96, 165, 250, 0.12);}
#mega-downloads .mega-item-title svg, #mega-downloads .mega-item-title img{width: 26px !important;height: 26px !important;margin-right: 10px !important;flex-shrink: 0;}
#mega-downloads .mega-item-title{font-size: 1.1rem;font-weight: 650;gap: 0;line-height: 1.35;}
#mega-downloads .mega-item-description{font-size: 0.9rem;line-height: 1.55;padding-left: 36px;}
@media (min-width: 769px) and (max-width: 1100px){
#mega-downloads .mega-item{padding: 0.85rem 0.95rem;}
#mega-downloads .mega-item-title{font-size: 1rem;}
#mega-downloads .mega-item-title svg, #mega-downloads .mega-item-title img{width: 22px !important;height: 22px !important;margin-right: 8px !important;}
#mega-downloads .mega-item-description{font-size: 0.84rem;padding-left: 30px;}
}
@media (max-width: 900px){
.store2-mid{width: 100%;max-width: 433px;height: auto;aspect-ratio: 433/254;margin-top: 1.75rem;}
}
.content-section{text-align: center;}
.features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;max-width: 900px;margin: 0 auto;padding-top: 20px;border-top: 1px solid rgba(59, 130, 246, 0.1);}
body.dark .features{border-top: 1px solid rgba(96, 165, 250, 0.2);}
@media (max-width: 768px){
.features{grid-template-columns: repeat(3, 1fr);gap: 10px;padding-top: 14px;}
}
@media (max-width: 480px){
.features{gap: 8px;padding-top: 12px;}
}
footer{background: linear-gradient(135deg, #2d3748, #1a1a2e 40%, #1e293b);padding: 3.5rem 2rem 0;position: relative;content-visibility: auto;contain-intrinsic-size: auto 400px;}
body.dark footer{background: linear-gradient(135deg, #0a1929 0%, #0d2744 25%, #0f3460 50%, #1e3a5f 75%, #1e4976 100%);}
.footer-content{max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1.1fr 1fr 0.9fr 1.2fr;gap: 2rem;margin-bottom: 2.5rem;position: relative;z-index: 1;}
.footer-columns{display: contents;}
.footer-col{min-width: 0;}
.footer-logo-text{font-family: "Poppins", "Noto Sans KR", "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", sans-serif;font-size: 2.8rem;font-weight: 800;color: #ffffff;letter-spacing: -2px;line-height: 1;margin-bottom: 1rem;}
.footer-logo-text sup{font-size: 0.9rem;font-weight: 400;opacity: 0.7;margin-left: 2px;position: relative;top: -20px;}
.footer-social-link{display: inline-flex;align-items: center;color: rgba(255, 255, 255, 0.7);text-decoration: none;font-size: 0.9rem;transition: color 0.2s;margin-top: 0.15rem;}
.footer-social-link:hover{color: #0a66c2;}
.footer-social-link.fb:hover{color: #1877f2;}
.footer-roadmap-link{display: inline-flex;align-items: center;color: rgba(255, 255, 255, 0.7);text-decoration: none;font-size: 0.9rem;transition: color 0.2s;margin-top: 0.5rem;}
.footer-roadmap-link:hover{color: #60a5fa;}
.footer-col h3{color: #ffffff;font-weight: 700;margin-bottom: 0.8rem;font-size: 1rem;line-height: 1.4;}
.footer-col p{color: rgba(255, 255, 255, 0.7);line-height: 1.6;margin-bottom: 0.5rem;font-size: 0.85rem;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.footer-links{list-style: none;padding: 0;margin: 0;}
.footer-links li{margin-bottom: 0.3rem;}
.footer-links a{color: rgba(255, 255, 255, 0.7);text-decoration: none;font-size: 0.85rem;transition: color 0.15s ease;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.footer-links a:hover{color: #ffffff;}
.footer-legal-box{width: auto;background: none;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 16px;padding: 1.25rem 1.5rem;align-self: flex-start;}
.footer-legal-header{display: flex;gap: 1rem;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.footer-legal-icon{flex-shrink: 0;width: 52px;height: 52px;float: left;margin-right: 1rem;}
.footer-legal-icon svg{transition: opacity 0.2s ease;opacity: 0.85;cursor: pointer;}
.footer-legal-icon svg:hover{opacity: 1;filter: brightness(1.6);}
.footer-legal-header h4{color: #ffffff;font-size: 0.92rem;font-weight: 700;line-height: 1.3;margin: 0;}
.footer-legal-header p{color: rgba(255, 255, 255, 0.6);font-size: 0.75rem;line-height: 1.5;margin: 0.3rem 0 0 0;}
.footer-legal-rows{list-style: none;padding: 0;margin: 0;}
.footer-legal-rows li{display: flex;justify-content: space-between;align-items: baseline;padding: 0.45rem 0;border-top: none;font-size: 0.8rem;}
.footer-legal-rows li:last-child{padding-bottom: 0;}
.footer-legal-label{color: rgba(255, 255, 255, 0.5);font-size: 0.75rem;}
.footer-legal-value{color: rgba(255, 255, 255, 0.75);font-size: 0.8rem;text-align: right;}
.footer-legal-value a{color: rgba(255, 255, 255, 0.85);text-decoration: none;font-weight: 600;}
.footer-legal-value a:hover{text-decoration: underline;}
.footer-separator{max-width: 1200px;margin: 0 auto;height: 1px;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);}
.footer-payments{max-width: 1200px;margin: 0 auto;padding: 1.25rem 0;display: flex;align-items: center;justify-content: center;gap: 1rem;flex-wrap: wrap;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.footer-payments-label{color: rgba(255, 255, 255, 0.5);font-size: 0.75rem;white-space: nowrap;}
.footer-payments-label strong{color: rgba(255, 255, 255, 0.75);font-weight: 700;}
.footer-payments-icons{display: flex;gap: 2rem;align-items: center;flex-wrap: wrap;justify-content: center;}
.payment-logo{height: 20px;width: auto;color: rgba(255, 255, 255, 0.45);transition: color 0.2s ease;}
.payment-logo:hover{color: rgba(255, 255, 255, 0.8);}
.footer-bottom{padding: 1.5rem 0;text-align: center;position: relative;z-index: 1;}
.footer-bottom-inner{max-width: 1200px;margin: 0 auto;}
.footer-institutional{color: rgba(255, 255, 255, 0.45);font-size: 0.78rem;line-height: 1.6;margin-bottom: 0.6rem;}
.footer-institutional strong{color: rgba(255, 255, 255, 0.65);}
.footer-copyright{color: rgba(255, 255, 255, 0.5);font-size: 0.8rem;}
.footer-bottom a, .privacy-link{color: rgba(255, 255, 255, 0.85);text-decoration: none;font-weight: 600;}
.footer-bottom a:hover{text-decoration: underline;color: #ffffff;}
body.dark .footer-bottom a{color: rgba(255, 255, 255, 0.85);}
@media (max-width: 768px){
.footer-content{grid-template-columns: 1fr;gap: 2rem;}
footer{padding: 2.5rem 1.5rem 0;}
.footer-logo-text{font-size: 2.2rem;}
.footer-legal-box{width: 100%;}
.footer-col{text-align: center;}
.footer-payments{flex-direction: column;gap: 0.6rem;}
}
.modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1000;justify-content: center;align-items: center;}
body.dark .modal{background: rgba(0, 0, 0, 0.45);}
.modal-wrapper{display: flex;flex-direction: row;width: auto;max-width: 90%;border-radius: 25px;overflow: hidden;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.15), 0 16px 32px rgba(0, 0, 0, 0.2), 0 24px 48px rgba(0, 0, 0, 0.25);}
.modal-wrapper .modal-image{flex: 0 0 auto;width: 220px;overflow: hidden;background: #0a1628;display: flex;align-items: center;justify-content: center;}
.modal-wrapper .modal-image img{width: 100%;height: 100%;object-fit: cover;display: block;}
.modal-wrapper .modal-content{flex: 0 0 400px;max-width: 400px;width: 400px;border-radius: 0 25px 25px 0 !important;box-shadow: none !important;border: none !important;}
.modal-wrapper .modal-content::before{display: none;}
.modal-wrapper .modal-content::after{border-radius: 0 25px 25px 0 !important;background: linear-gradient( 135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.16) 25%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.10) 100% );}
body.dark .modal-wrapper .modal-content{border: none !important;box-shadow: none !important;}
@media (max-width: 600px){
.modal-wrapper{flex-direction: column;max-width: 95%;width: 95%;}
.modal-wrapper .modal-image{flex: 0 0 auto;width: 100%;max-height: 180px;}
.modal-wrapper .modal-content{flex: 1;width: auto;max-width: none;border-radius: 0 0 25px 25px !important;}
.modal-wrapper .modal-content::after{border-radius: 0 0 25px 25px !important;}
}
.modal-close-btn{position: absolute !important;top: 12px;right: 12px;width: 32px;height: 32px;border-radius: 50%;background: rgba(255,255,255,0.9);border: none;color: #475569;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.2);z-index: 50;padding: 0;}
.modal-close-btn:hover{background: #fff;color: #0f172a;transform: scale(1.08);}
.modal-content{background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(25px) saturate(150%);-webkit-backdrop-filter: blur(25px) saturate(150%);padding: 2.5rem;border-radius: 25px;width: 90%;max-width: 400px;text-align: center;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.15), 0 16px 32px rgba(0, 0, 0, 0.2), 0 24px 48px rgba(0, 0, 0, 0.25);position: relative;overflow: hidden;}
.modal-content::before{content: "";position: absolute;top: -50%;left: -50%;width: 100%;height: 100%;background: radial-gradient( circle at top left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 30%, transparent 50% );pointer-events: none;z-index: 1;}
.modal-content::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 25px;padding: 1px;background: linear-gradient( 135deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 5%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.3) 15%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100% );-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: 3;}
.modal-content > *:not(.close-btn):not(.modal-close-btn):not(.version-number){position: relative;z-index: 2;}
body.dark .modal-content{background: rgba(20, 20, 20, 0.15);backdrop-filter: blur(25px) saturate(150%);-webkit-backdrop-filter: blur(25px) saturate(150%);border: 1px solid rgba(60, 60, 60, 0.3);}

/* Bez wykonanego blur tło rgba(..., 0.15) jest niemal przezroczyste.
   WebKitGTK i przeglądarki bez backdrop-filter dostają czytelny, solidny panel.
   Selektory są później niż reguły motywu, ale nie zmieniają pozostałych browserów. */
body.webkitgtk .modal-content{background-color: #ffffff;}
body.dark.webkitgtk .modal-content{background-color: #141414;}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.modal-content{background-color: #ffffff;}
body.dark .modal-content{background-color: #141414;}
}

body.dark .modal-content::before{display: none;}
body.dark .modal-content{box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3), 0 16px 24px rgba(0, 0, 0, 0.25), 0 24px 48px rgba(0, 0, 0, 0.3), 0 32px 64px rgba(0, 0, 0, 0.35), inset -120px -120px 150px -100px rgba(96, 165, 250, 0.12), inset 0 -64px 64px -32px rgba(59, 130, 246, 0.15);}
body.dark .modal-content::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 25px;padding: 1px;background: linear-gradient( 25deg, rgba(255, 255, 255, 0.36) 0%, rgba(147, 197, 253, 0.32) 10%, rgba(96, 165, 250, 0.24) 18%, rgba(59, 130, 246, 0.12) 28%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0.02) 55%, rgba(255, 255, 255, 0.01) 70%, rgba(255, 255, 255, 0.01) 100% ), linear-gradient( to bottom, rgba(255, 255, 255, 0.18) 0%, rgba(147, 197, 253, 0.16) 5%, rgba(96, 165, 250, 0.12) 10%, rgba(59, 130, 246, 0.06) 15%, rgba(255, 255, 255, 0.02) 25%, rgba(255, 255, 255, 0.01) 40%, transparent 60% );-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: 3;}
body.dark .modal-content > *:not(.close-btn):not(.modal-close-btn):not(.version-number){position: relative;z-index: 2;}
.modal-icon{display: flex;justify-content: center;align-items: center;margin-bottom: 1.5rem;}
.modal-icon img{width: 80px;height: 80px;filter: drop-shadow(0 4px 12px rgba(59, 130, 246, 0.2));transition: transform 0.3s ease;}
.modal-content .modal-heading{font-size: 1.8rem;margin-bottom: 1.5rem;color: #1e293b;font-weight: 700;}
body.dark .modal-content .modal-heading{color: #ffffff;}
.modal-heading-nc{font-size: 2.16rem !important;}
body.dark .nc-logo-icon line{stroke: #ffffff;}
body.dark .nc-logo-icon circle{fill: #ffffff;}
@keyframes ncDotBounce{0%, 100% { transform: scale(1) translateY(0); } 20% { transform: scale(1.2) translateY(-4px); } 40% { transform: scale(1) translateY(0); }}
.nc-dot-left{animation: ncDotBounce 2s ease-in-out infinite;transform-origin: center;}
.nc-dot-center{animation: ncDotBounce 2s ease-in-out infinite 0.25s;transform-origin: center;}
.nc-dot-right{animation: ncDotBounce 2s ease-in-out infinite 0.5s;transform-origin: center;}
.modal-icon.error{color: #3b82f6;}
body.dark .modal-icon.error{color: #60a5fa;}
.modal-content .modal-heading.error-title{color: #3b82f6;}
body.dark .modal-content .modal-heading.error-title{color: #60a5fa;}
.modal-content p.error-message{text-align: center;margin: 1rem 0;color: #000000;line-height: 1.6;}
body.dark .modal-content p.error-message{color: #9ca3af;}
.modal-buttons{display: flex;gap: 12px;justify-content: center;margin-top: 1.5rem;}
.google-login-button{width: 48px;height: 48px;border-radius: 50%;background: white;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;cursor: pointer;border: 1px solid rgba(0, 0, 0, 0.1);text-decoration: none;position: relative;overflow: visible;}
.google-login-button:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}
.google-login-button:active{transform: translateY(0);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.google-login-button svg{width: 28px;height: 28px;}
body.dark .google-login-button{background: white;border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
body.dark .google-login-button::after{display: none;}
body.dark .google-login-button:hover{background: white;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}
body.dark .google-login-button:hover::after{display: none;}
.mobile-login-form .google-login-button{width: 48px !important;height: 48px !important;min-width: 48px !important;flex-shrink: 0 !important;position: relative !important;z-index: 1000 !important;pointer-events: auto !important;display: flex !important;}
.mobile-login-form .google-login-button svg{width: 28px;height: 28px;}
.form-group{margin-bottom: 1.5rem;text-align: left;}
.form-group label{display: block;margin-bottom: 0.5rem;font-weight: 600;color: #334155;}
body.dark .form-group label{color: rgba(255, 255, 255, 0.9);}
.form-group input{width: 100%;padding: 12px 16px;background: rgba(240, 242, 245, 1) !important;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 12px;color: #1e293b !important;font-size: 1rem;transition: all 0.3s ease;box-sizing: border-box;}
.form-group input::placeholder{color: rgba(30, 41, 59, 0.5);}
.form-group input:focus{outline: none;border-color: #60a5fa;background: rgba(250, 251, 252, 1) !important;box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);}
body.dark .form-group input{background: rgba(15, 15, 15, 0.9) !important;border: 1px solid rgba(60, 60, 60, 0.4);color: #ffffff !important;}
body.dark .form-group input::placeholder{color: rgba(255, 255, 255, 0.4);}
body.dark .form-group input:focus{background: rgba(20, 20, 20, 0.95) !important;border-color: rgba(96, 165, 250, 0.5);}
.password-wrapper{position: relative;}
.toggle-password{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);cursor: pointer;color: #64748b;transition: color 0.2s ease;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;z-index: 10;}
.toggle-password:hover{color: #3b82f6;}
body.dark .toggle-password{color: #94a3b8;}
body.dark .toggle-password:hover{color: #60a5fa;}
.toggle-password svg{width: 20px;height: 20px;}
.form-group input:-webkit-autofill, .form-group input:-webkit-autofill:hover, .form-group input:-webkit-autofill:focus, .form-group input:-webkit-autofill:active{-webkit-background-clip: text !important;-webkit-text-fill-color: #1e293b !important;-webkit-box-shadow: 0 0 0 1000px rgba(240, 242, 245, 1) inset !important;box-shadow: 0 0 0 1000px rgba(240, 242, 245, 1) inset !important;border: 1px solid rgba(255, 255, 255, 0.5) !important;caret-color: #1e293b !important;animation-name: autofill-light !important;animation-fill-mode: both !important;animation-duration: 50000s !important;}
body.dark .form-group input:-webkit-autofill, body.dark .form-group input:-webkit-autofill:hover, body.dark .form-group input:-webkit-autofill:focus, body.dark .form-group input:-webkit-autofill:active{-webkit-background-clip: text !important;-webkit-text-fill-color: #ffffff !important;-webkit-box-shadow: 0 0 0 1000px rgba(15, 15, 15, 0.9) inset !important;box-shadow: 0 0 0 1000px rgba(15, 15, 15, 0.9) inset !important;background-color: rgba(15, 15, 15, 0.9) !important;background-image: none !important;border: 1px solid rgba(60, 60, 60, 0.4) !important;caret-color: #ffffff !important;filter: none !important;animation-name: autofill-dark !important;animation-fill-mode: both !important;animation-duration: 50000s !important;}
.login-form input:-webkit-autofill, .login-form input:-webkit-autofill:hover, .login-form input:-webkit-autofill:focus, .login-form input:-webkit-autofill:active{-webkit-background-clip: text !important;-webkit-text-fill-color: #1e293b !important;-webkit-box-shadow: 0 0 0 1000px rgba(240, 242, 245, 1) inset !important;box-shadow: 0 0 0 1000px rgba(240, 242, 245, 1) inset !important;background-color: rgba(240, 242, 245, 1) !important;border: 1px solid rgba(255, 255, 255, 0.5) !important;caret-color: #1e293b !important;animation-name: autofill-light !important;animation-fill-mode: both !important;animation-duration: 50000s !important;}
body.dark .login-form input:-webkit-autofill, body.dark .login-form input:-webkit-autofill:hover, body.dark .login-form input:-webkit-autofill:focus, body.dark .login-form input:-webkit-autofill:active{-webkit-background-clip: text !important;-webkit-text-fill-color: #ffffff !important;-webkit-box-shadow: 0 0 0 1000px rgba(15, 15, 15, 0.9) inset !important;box-shadow: 0 0 0 1000px rgba(15, 15, 15, 0.9) inset !important;background-color: rgba(15, 15, 15, 0.9) !important;background-image: none !important;border: 1px solid rgba(60, 60, 60, 0.4) !important;caret-color: #ffffff !important;filter: none !important;animation-name: autofill-dark !important;animation-fill-mode: both !important;animation-duration: 50000s !important;}
.login-buttons{display: flex;gap: 12px;align-items: center;justify-content: center;margin-top: 1rem;}
.modal-content .trial-button{display: inline-flex;background: #478df8;color: white;border: 1px solid transparent;border-radius: 35px;padding: 0 2rem;height: 48px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;align-items: center;justify-content: center;box-shadow: 0 8px 24px rgba(71, 141, 248, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);position: relative;overflow: hidden;background-clip: padding-box;margin: 0;}
.modal-content .trial-button::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 35px;padding: 1px;background: linear-gradient(180deg, rgba(96, 165, 250, 0.5) 0%, rgba(96, 165, 250, 0.25) 100% );-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: -1;transition: all 0.3s ease;}
.modal-content .trial-button::before{display: none;}
.modal-content .trial-button:hover::after{background: linear-gradient(180deg, rgba(147, 197, 253, 0.8) 0%, rgba(147, 197, 253, 0.4) 100% );}
.modal-content .trial-button:hover{transform: translateY(-2px);box-shadow: 0 12px 36px rgba(71, 141, 248, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);background: #5c9ef9;}
.modal-content .trial-button:active::after{background: linear-gradient(180deg, rgba(96, 165, 250, 0.9) 0%, rgba(96, 165, 250, 0.45) 100% );}
.modal-content .trial-button:active{transform: translateY(0);box-shadow: 0 4px 12px rgba(71, 141, 248, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15);background: #3a7de6;}
body.dark .modal-content .trial-button{background: #478df8;color: white;box-shadow: 0 8px 24px rgba(71, 141, 248, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);}
body.dark .modal-content .trial-button::after{background: linear-gradient(180deg, rgba(96, 165, 250, 0.2) 0%, rgba(96, 165, 250, 0.1) 100% ) !important;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;transition: all 0.3s ease !important;z-index: -1 !important;}
body.dark .modal-content .trial-button:hover::after{background: linear-gradient(180deg, rgba(147, 197, 253, 0.32) 0%, rgba(147, 197, 253, 0.16) 100% ) !important;}
body.dark .modal-content .trial-button:hover{transform: translateY(-2px);box-shadow: 0 12px 36px rgba(71, 141, 248, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);background: #5c9ef9;}
body.dark .modal-content .trial-button:active::after{background: linear-gradient(180deg, rgba(96, 165, 250, 0.36) 0%, rgba(96, 165, 250, 0.18) 100% ) !important;}
body.dark .modal-content .trial-button:active{transform: translateY(0);box-shadow: 0 4px 12px rgba(71, 141, 248, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15);background: #3a7de6;}
.forgot-password{display: block;text-align: center;margin-top: 0.5rem;margin-bottom: 1rem;font-size: 0.875rem;color: #094cb7ff;text-decoration: none;cursor: pointer;transition: all 0.3s ease;}
.forgot-password:hover{color: #073a8f;text-decoration: underline;}
body.dark .forgot-password{color: #478df8;}
body.dark .forgot-password:hover{color: #5c9ef9;}
.form-container{position: relative;overflow: visible;min-height: 280px;padding-bottom: 50px;margin-bottom: -50px;}
.login-form, .reset-form{transition: opacity 0.15s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.login-form{transform: translateX(0);opacity: 1;}
.login-form.hide{transform: translateX(-100%);opacity: 0;pointer-events: none;}
.reset-form{position: absolute;top: 0;left: 0;right: 0;transform: translateX(100%);opacity: 0;pointer-events: none;}
.reset-form.show{transform: translateX(0);opacity: 1;pointer-events: auto;}
.back-button{display: inline-flex;align-items: center;gap: 0.5rem;color: #094cb7ff;text-decoration: none;font-size: 0.875rem;cursor: pointer;margin-bottom: 1rem;transition: all 0.3s ease;}
.back-button:hover{color: #073a8f;text-decoration: underline;}
body.dark .back-button{color: #478df8;}
body.dark .back-button:hover{color: #5c9ef9;}
.success{color: #1e40af !important;}
body.dark .success{color: #10b981 !important;}
.reset-form .trial-button{width: auto;margin-top: 0.5rem;display: inline-flex;}
.reset-form{text-align: center;}
.reset-form .form-group{margin-bottom: 1.5rem;text-align: left;}
.version-number{position: absolute;bottom: 15px;right: 20px;font-size: 0.75rem;color: #1e293b;font-weight: 500;z-index: 100;pointer-events: none;}
body.dark .version-number{color: rgba(203, 213, 225, 0.7);}
.error{color: #ef4444;font-size: 0.9rem;margin-top: 0.5rem;font-weight: 500;}
@media (max-width: 480px){
.modal-content{width: calc(100% - 20px);margin: 10px;padding: 2rem;}
.modal-content .modal-heading{font-size: 1.5rem;}
}
@keyframes fadeInUp{from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); }}
.language-selector{position: relative;display: inline-block;}
.lang-trigger{display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1rem;background: rgba(59, 130, 246, 0.08);border: 1px solid rgba(59, 130, 246, 0.2);border-radius: 10px;cursor: pointer;transition: all 0.3s ease;font-weight: 600;font-size: 0.9rem;color: #1e293b;}
body.dark .lang-trigger{background: rgba(96, 165, 250, 0.1);border: 1px solid rgba(96, 165, 250, 0.3);color: #e2e8f0;}
.lang-trigger:hover{background: rgba(59, 130, 246, 0.15);border-color: rgba(59, 130, 246, 0.4);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);}
body.dark .lang-trigger:hover{background: rgba(96, 165, 250, 0.2);border-color: rgba(96, 165, 250, 0.5);}
.lang-flag{width: 24px;height: 24px;border-radius: 4px;object-fit: cover;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.lang-code{font-size: 0.85rem;font-weight: 600;letter-spacing: 0.5px;}
.lang-arrow{font-size: 0.7rem;transition: transform 0.3s ease;color: #64748b;}
body.dark .lang-arrow{color: #94a3b8;}
.language-selector.active .lang-arrow{transform: rotate(180deg);}
.lang-dropdown{position: fixed;top: 70px;right: 20px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(25px) saturate(150%);-webkit-backdrop-filter: blur(25px) saturate(150%);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 16px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 0 60px rgba(59, 130, 246, 0.1);padding: 1rem;min-width: 580px;max-width: calc(100vw - 40px);max-height: 70vh;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;z-index: 99999;pointer-events: none;display: flex;flex-direction: column;}
.lang-dropdown.active{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}
body.dark .lang-dropdown{background: rgba(10, 10, 12, 0.85);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 60px rgba(0, 0, 0, 0.3);}
.language-selector.active .lang-dropdown{}
.lang-search-container{position: relative;margin: 0 auto 0.75rem auto;flex-shrink: 0;width: 80%;}
.lang-search-input{width: 100%;padding: 0.65rem 2.5rem 0.65rem 2.5rem;background: rgba(0, 0, 0, 0.05);border: 1px solid rgba(59, 130, 246, 0.2);border-radius: 16px;font-size: 0.9rem;color: #1e293b;outline: none;transition: all 0.3s ease;}
.lang-search-input::placeholder{color: #94a3b8;}
.lang-search-input:focus{background: rgba(59, 130, 246, 0.1);border-color: rgba(59, 130, 246, 0.3);}
body.dark .lang-search-input{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);color: #e2e8f0;}
body.dark .lang-search-input::placeholder{color: #64748b;}
body.dark .lang-search-input:focus{background: rgba(96, 165, 250, 0.15);border-color: rgba(96, 165, 250, 0.3);}
.lang-search-icon{position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;color: #94a3b8;pointer-events: none;}
body.dark .lang-search-icon{color: #64748b;}
.lang-search-clear{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;background: rgba(0, 0, 0, 0.08);border: none;border-radius: 50%;cursor: pointer;display: none;align-items: center;justify-content: center;color: #64748b;font-size: 14px;line-height: 1;transition: all 0.2s ease;}
.lang-search-clear:hover{background: rgba(239, 68, 68, 0.2);color: #ef4444;}
body.dark .lang-search-clear{background: rgba(255, 255, 255, 0.1);color: #94a3b8;}
body.dark .lang-search-clear:hover{background: rgba(239, 68, 68, 0.3);color: #f87171;}
.lang-search-clear.visible{display: flex;}
.lang-search-results-count{font-size: 0.75rem;color: #64748b;padding: 0.25rem 0.5rem;margin-bottom: 0.5rem;display: none;}
.lang-search-results-count.visible{display: block;}
body.dark .lang-search-results-count{color: #94a3b8;}
.lang-no-results{display: none;padding: 2rem 1rem;text-align: center;color: #64748b;font-size: 0.9rem;}
.lang-no-results.visible{display: block;}
.lang-no-results-icon{font-size: 2.5rem;margin-bottom: 0.75rem;opacity: 0.5;}
body.dark .lang-no-results{color: #94a3b8;}
.lang-continent-tabs{display: flex;gap: 0.5rem;margin-bottom: 0.75rem;flex-wrap: wrap;flex-shrink: 0;justify-content: center;}
.lang-continent-tab{padding: 0.4rem 0.8rem;background: rgba(255, 255, 255, 0.75);border: 1px solid rgba(37, 99, 235, 0.3);border-radius: 20px;font-size: 0.8rem;font-weight: 500;color: #2563eb;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}
.lang-continent-tab:hover{background: #007aff;border-color: transparent;color: #fff;}
.lang-continent-tab.active{background: #007aff;border-color: transparent;color: #fff;}
body.dark .lang-continent-tab{background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.1);color: #94a3b8;}
body.dark .lang-continent-tab:hover{background: rgba(96, 165, 250, 0.15);border-color: rgba(96, 165, 250, 0.3);color: #60a5fa;}
body.dark .lang-continent-tab.active{background: #007aff;color: #fff;}
.lang-grid-container{overflow-y: auto;flex: 1;min-height: 0;-ms-overflow-style: none;scrollbar-width: none;}
.lang-grid-container::-webkit-scrollbar{display: none;}
.lang-grid{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 0.4rem;}
.lang-option{display: flex;align-items: center;gap: 0.75rem;padding: 0.7rem 0.9rem;border-radius: 10px;cursor: pointer;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease, opacity 0.3s ease, scale 0.3s cubic-bezier(0.4, 0, 0.2, 1), filter 0.3s ease;text-decoration: none;color: #1e293b;font-size: 0.85rem;font-weight: 500;background: transparent;border: 1px solid transparent;scale: 1;opacity: 1;font-family: "Manrope", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;}
.lang-option.hidden{display: none;}
body.dark .lang-option{color: #e2e8f0;}
.lang-option:hover{background: rgba(59, 130, 246, 0.15);border-color: rgba(59, 130, 246, 0.3);transform: translateX(3px);}
body.dark .lang-option:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}
.lang-option.active{background: rgba(59, 130, 246, 0.2);border-color: rgba(59, 130, 246, 0.4);font-weight: 600;}
body.dark .lang-option.active{background: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.25);}
.lang-option.search-match{background: rgba(59, 130, 246, 0.1);border-color: rgba(59, 130, 246, 0.2);}
body.dark .lang-option.search-match{background: rgba(96, 165, 250, 0.15);border-color: rgba(96, 165, 250, 0.3);}
.lang-option .lang-flag{width: 20px;height: 20px;flex-shrink: 0;}
@media (max-width: 768px){
.lang-dropdown{display: none !important;}
}
.mobile-lang-section{background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 12px;padding: 1rem;margin: 0 12px 12px 12px;}
body.dark .mobile-lang-section{background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-lang-title{font-size: 0.75rem;font-weight: 700;color: #3b82f6;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 0.75rem;}
body.dark .mobile-lang-title{color: #60a5fa;}
.mobile-lang-current{display: flex;align-items: center;justify-content: space-between;padding: 0.9rem;background: rgba(255, 255, 255, 0.15);border-radius: 10px;cursor: pointer;transition: all 0.2s ease;border: 1px solid rgba(255, 255, 255, 0.25);}
body.dark .mobile-lang-current{background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.15);}
.mobile-lang-current:hover{transform: translateY(-2px);background: rgba(255, 255, 255, 0.2);border-color: rgba(59, 130, 246, 0.4);}
body.dark .mobile-lang-current:hover{background: rgba(255, 255, 255, 0.12);border-color: rgba(96, 165, 250, 0.4);}
.mobile-lang-info{display: flex;align-items: center;gap: 0.75rem;}
.mobile-lang-name{font-weight: 600;color: #1e293b;font-size: 0.95rem;}
body.dark .mobile-lang-name{color: #e2e8f0;}
.mobile-lang-dropdown{max-height: 0;overflow: hidden;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.mobile-lang-dropdown.active{max-height: 5000px;}
.mobile-lang-search-container{padding: 0.75rem 0;scroll-margin-top: 20px;display: flex;justify-content: center;}
.mobile-lang-search-wrapper{position: relative;width: 80%;max-width: 280px;}
.mobile-lang-search-input{width: 100%;padding: 0.6rem 2.25rem 0.6rem 2.25rem;background: rgba(0, 0, 0, 0.05);border: 1px solid rgba(59, 130, 246, 0.2);border-radius: 16px;font-size: 0.85rem;color: #1e293b;outline: none;transition: all 0.3s ease;}
.mobile-lang-search-input::placeholder{color: #94a3b8;}
.mobile-lang-search-input:focus{background: rgba(255, 255, 255, 0.9);border-color: rgba(59, 130, 246, 0.5);box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}
body.dark .mobile-lang-search-input{background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.15);color: #e2e8f0;}
body.dark .mobile-lang-search-input::placeholder{color: rgba(255, 255, 255, 0.4);}
body.dark .mobile-lang-search-input:focus{background: rgba(255, 255, 255, 0.12);border-color: rgba(96, 165, 250, 0.5);}
.mobile-lang-search-icon{position: absolute;left: 0.75rem;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;color: #94a3b8;pointer-events: none;}
body.dark .mobile-lang-search-icon{color: rgba(255, 255, 255, 0.4);}
.mobile-lang-search-clear{position: absolute;right: 0.6rem;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background: rgba(0, 0, 0, 0.08);border: none;border-radius: 50%;cursor: pointer;display: none;align-items: center;justify-content: center;color: #64748b;font-size: 13px;line-height: 1;}
.mobile-lang-search-clear.visible{display: flex;}
body.dark .mobile-lang-search-clear{background: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.6);}
.mobile-lang-no-results{display: none;padding: 1.5rem 1rem;text-align: center;color: #64748b;font-size: 0.85rem;}
.mobile-lang-no-results.visible{display: block;}
body.dark .mobile-lang-no-results{color: rgba(255, 255, 255, 0.5);}
.mobile-lang-continent-tabs{display: flex;justify-content: center;gap: 0.4rem;padding: 0.5rem 0;flex-wrap: wrap;border-bottom: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 0.5rem;}
.mobile-lang-continent-tab{padding: 0.35rem 0.6rem;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 15px;background: transparent;color: #64748b;font-size: 0.7rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}
.mobile-lang-continent-tab:hover{border-color: rgba(0, 0, 0, 0.2);color: #1e293b;}
.mobile-lang-continent-tab.active{background: #1e293b;border-color: #1e293b;color: #fff;}
body.dark .mobile-lang-continent-tabs{border-bottom-color: rgba(255, 255, 255, 0.1);}
body.dark .mobile-lang-continent-tab{border-color: rgba(255, 255, 255, 0.15);color: #94a3b8;}
body.dark .mobile-lang-continent-tab:hover{border-color: rgba(255, 255, 255, 0.3);color: #e2e8f0;}
body.dark .mobile-lang-continent-tab.active{background: #3b82f6;border-color: #3b82f6;color: #fff;}
.mobile-lang-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;padding: 0.5rem 0;}
.mobile-lang-option{display: flex;align-items: center;gap: 0.6rem;padding: 0.7rem;background: transparent;border-radius: 8px;cursor: pointer;transition: all 0.2s ease;font-size: 0.8rem;font-weight: 500;color: #1e293b;border: 1px solid transparent;font-family: "Manrope", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;}
.mobile-lang-option.hidden{display: none;}
body.dark .mobile-lang-option{color: #e2e8f0;}
.mobile-lang-option:hover{background: rgba(59, 130, 246, 0.15);border-color: rgba(59, 130, 246, 0.3);}
body.dark .mobile-lang-option:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}
.mobile-lang-option.active{background: rgba(59, 130, 246, 0.2);border-color: rgba(59, 130, 246, 0.4);font-weight: 600;}
body.dark .mobile-lang-option.active{background: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.25);}
.mobile-lang-option .lang-flag{width: 18px;height: 18px;}

.twofa-form, .backup-code-form{display: none;opacity: 0;transform: translateX(30px);transition: opacity 0.3s ease, transform 0.3s ease;}
.twofa-form.active, .backup-code-form.active{display: block;opacity: 1;transform: translateX(0);}
.totp-input-container{display: flex;gap: 8px;justify-content: center;margin: 1.5rem 0;}
.totp-digit-group{display: flex;gap: 8px;}
.totp-group-separator{width: 16px;}
.totp-digit{width: 48px;height: 54px;text-align: center;font-size: 24px;font-weight: 600;border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 12px;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(10px);color: #fff;transition: all 0.2s ease;font-family: "Courier New", monospace;-moz-appearance: textfield;}
.totp-digit::-webkit-inner-spin-button, .totp-digit::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.totp-digit:focus{outline: none;border-color: #667eea;background: rgba(102, 126, 234, 0.1);box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);transform: scale(1.05);}
.twofa-description{text-align: center;color: rgba(255, 255, 255, 0.7);font-size: 14px;margin: 1rem 0 0.5rem 0;line-height: 1.5;}
.twofa-timer{text-align: center;color: rgba(255, 255, 255, 0.5);font-size: 12px;margin-top: 0.5rem;font-family: "Courier New", monospace;}
.backup-code-link{display: block;text-align: center;margin-top: 1rem;color: rgba(255, 255, 255, 0.6);font-size: 13px;text-decoration: none;}
.back-to-totp{display: block;text-align: center;margin-bottom: 1rem;color: rgba(255, 255, 255, 0.6);font-size: 13px;text-decoration: none;cursor: pointer;}
@media (max-width: 640px){
.totp-digit{width: 40px;height: 48px;font-size: 20px;}
.totp-group-separator{width: 12px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.hero-pas{text-align: center;margin: 0 auto;max-width: 800px;padding: 20px;display: flex;flex-direction: column;align-items: center;}
}

body.dark #sandboxReadyModal .modal-icon{color: #ffffff;}
body.dark #sandboxReadyModal .modal-heading{color: #ffffff;}
body.dark #sandboxReadyModal div[style*="background: rgba(59, 130, 246"]{background: rgba(96, 165, 250, 0.15) !important;}
body.dark #sandboxReadyModal div[style*="color: #1e293b"]{color: #f1f5f9 !important;}

@keyframes spin{0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

.sandbox-spinner{border: 4px solid rgba(30, 41, 59, 0.2);border-top: 4px solid #1e293b;border-radius: 50%;width: 48px;height: 48px;animation: spin 1s linear infinite;margin: 0 auto;}
body.dark .sandbox-spinner{border: 4px solid rgba(255, 255, 255, 0.2);border-top: 4px solid #ffffff;}