#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.me-1{margin-inline-end:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[14rem\]{min-width:14rem}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-ios{border-radius:18px}.rounded-ios-sm{border-radius:12px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-primary{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity))}.border-primary\/30{border-color:#007aff4d}.bg-black\/40{background-color:#0006}.bg-danger\/10{background-color:#ff3b301a}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(0 122 255 / var(--tw-bg-opacity))}.bg-secondary\/10{background-color:#34c7591a}.bg-warning\/10{background-color:#ff95001a}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: #007AFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 122 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-secondary{--tw-gradient-to: #34C759 var(--tw-gradient-to-position)}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-4{padding-top:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity))}.text-danger{--tw-text-opacity: 1;color:rgb(255 59 48 / var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-gray-light{--tw-text-opacity: 1;color:rgb(142 142 147 / var(--tw-text-opacity))}.text-primary{--tw-text-opacity: 1;color:rgb(0 122 255 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity))}.text-secondary{--tw-text-opacity: 1;color:rgb(52 199 89 / var(--tw-text-opacity))}.text-warning{--tw-text-opacity: 1;color:rgb(255 149 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ios-input{border-radius:12px;border-width:1px;border-color:#8e8e934d;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ios-input:focus{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.ios-button{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ios-button.bg-primary{background-color:#007aff}.ios-button.bg-gray-200{background-color:#e5e7eb}.ios-button.bg-gradient-to-r{background-color:transparent}.ios-card{border-radius:18px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem;--tw-shadow: 0 4px 30px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 4px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.ios-card:hover{--tw-shadow: 0 4px 30px rgba(0, 0, 0, .15);--tw-shadow-colored: 0 4px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:border-primary:hover{--tw-border-opacity: 1;border-color:rgb(0 122 255 / var(--tw-border-opacity))}.hover\:bg-primary\/5:hover{background-color:#007aff0d}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(0 122 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 122 255 / var(--tw-ring-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:hover\:border-gray-200:hover:disabled{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.disabled\:hover\:text-gray-700:hover:disabled{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}:root{--primary-color: #667eea;--primary-dark: #5a6fd8;--primary-light: #8394f0;--secondary-color: #764ba2;--accent-color: #f093fb;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-accent: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #1d1d1f;--text-secondary: #666666;--text-light: #a1a1a6;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f5f5f7;--bg-dark: #1d1d1f;--bg-card: #f8f9fa;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .2);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 20px;--border-radius-xl: 24px;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--spacing-3xl: 96px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1300px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md)}.section-container{width:100%;max-width:min(100%,var(--breakpoint-2xl));margin:0 auto;padding:var(--spacing-3xl) clamp(var(--spacing-md),4vw,var(--spacing-xl));box-sizing:border-box}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);position:relative}.section-title .subtitle{display:block;color:var(--primary-color);font-size:.8em;margin-top:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-md) var(--spacing-xl);font-size:1.25rem;font-weight:var(--font-weight-semibold);text-decoration:none;border:none;border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-base);overflow:hidden;min-height:20px}.btn-primary{background:#69CF87;color:var(--text-white);box-shadow:0 4px 12px #69cf874d;border-radius:25px;font-weight:600;padding:12px 24px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #69cf8766;background:#5bbf7a}.btn-secondary{background:rgba(102,126,234,.1);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--text-white)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-white)}.btn-large{padding:12px 32px!important;font-size:1.2rem!important;font-weight:600!important;min-height:auto!important;height:auto!important;margin-left:0!important;border-radius:25px!important;background:#69CF87!important;color:#fff!important;box-shadow:0 4px 12px #69cf874d!important}.btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(2);opacity:0}}.top-banner{position:fixed;top:60px;left:0;right:0;background:#69CF87;color:var(--text-white);font-size:var(--font-size-sm);z-index:1000;height:38px;display:flex;align-items:center}.banner-content{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;width:100%}.banner-link{color:var(--primary-light);text-decoration:none;margin-left:var(--spacing-lg);transition:color var(--transition-fast)}.banner-link:hover{color:var(--text-white)}.navbar{position:fixed;top:0;left:0;right:0;background:white;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:1001;transition:all var(--transition-base);transform:translateY(0)}.navbar.scrolled{background:rgba(255,255,255,.95);box-shadow:var(--shadow-sm)}.nav-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand a{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.nav-brand a:hover{text-decoration:none}.brand-logo{height:32px;width:auto;-o-object-fit:contain;object-fit:contain}.nav-brand h1,.nav-brand .brand-title{display:inline-block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:#0066CC;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav-menu{display:flex;gap:var(--spacing-xl);align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);position:relative;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-5px;inset-inline-start:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:3px;position:relative;z-index:1002;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-fast);transform-origin:center}.hero{padding:calc(98px + var(--spacing-2xl)) 0 var(--spacing-2xl);overflow:hidden;position:relative;background:linear-gradient(180deg,#E8F1FF 0%,#F5F9FF 45%,#ffffff 100%)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;margin:0 auto}.hero-title{font-size:60px;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,.06);color:var(--text-primary);text-align:center}.hero-title .highlight{background:linear-gradient(90deg,#007AFF 0%,#34C759 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{color:var(--text-primary);font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-md);text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl));font-weight:var(--font-weight-light);opacity:.9;line-height:1.6;margin-bottom:var(--spacing-2xl)}.hero-actions{margin-bottom:var(--spacing-lg);display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.hero-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.hero-tag{background:rgba(0,122,255,.08);color:#007aff;font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid rgba(0,122,255,.16);white-space:nowrap}.btn-hero-secondary{background:rgba(255,255,255,.85);color:#007aff;border:1.5px solid rgba(0,122,255,.35);border-radius:25px;padding:12px 28px;font-size:1.15rem;font-weight:600}.btn-hero-secondary:hover{background:#007AFF;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #007aff4d}.hero-note{font-size:var(--font-size-base);opacity:.8;font-weight:var(--font-weight-medium)}.hero-coins{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:var(--spacing-md)}.hero-coins span{font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--primary-color);background:rgba(0,122,255,.08);border:1px solid rgba(0,122,255,.16);border-radius:999px;padding:5px 12px}.hero-coins .coin-top{background:linear-gradient(90deg,#007AFF 0%,#34C759 100%);color:#fff;border-color:transparent;box-shadow:0 2px 10px #007aff4d}.hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:60px;height:60px;top:60%;right:15%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.dynamic-bg{width:55vw;height:35vw;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 50%,#a951ff 100%);border-radius:30px;background-size:400% 400%;animation:gradientMove 15s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.features{background:var(--bg-light);position:relative}.features-grid{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.top-cards{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-sm)}.top-cards .feature-card{height:280px}.bottom-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.bottom-cards .feature-card{height:200px}.feature-card{background:var(--bg-white);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 20px #00000014;transition:all var(--transition-base);border:1px solid rgba(105,207,135,.1);display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-icon{font-size:2rem;display:block;position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1}.card-content{padding-right:2rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding-top:.5rem}.card-title{font-size:1rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;margin-top:0;text-align:left}.card-main-text{font-size:1.4rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:.5rem;margin-top:0;text-align:left}.card-secondary-text{font-size:1.25rem;font-weight:400;color:#1f2937;line-height:1.2;margin-bottom:.75rem;margin-top:0}.card-subtitle{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.feature-list{list-style:none;padding:1rem 0;margin:0;text-align:left}.feature-list li{position:relative;padding:.25rem 0 .25rem 1.25rem;color:#374151;font-size:.9rem;font-weight:400;margin:0;text-align:left}.feature-list li:before{content:"";position:absolute;left:0;top:.5em;width:15px;height:15px;background:#69CF87;border-radius:50%}.earnings-display{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.earning-item{display:flex;align-items:center;gap:.25rem;padding:.125rem 0}.earning-bar{flex:1;height:8px;background:#10b981;border-radius:4px;margin:0 .25rem;min-width:150px}.day{font-weight:500;color:#6b7280;font-size:.75rem;min-width:1.5rem;text-align:left}.amount{font-size:.75rem;font-weight:600;color:#1f2937;min-width:2rem;text-align:right}.software-features{margin-top:var(--spacing-lg)}.software-feature{margin-bottom:var(--spacing-lg)}.software-feature:last-child{margin-bottom:0}.feature-label{display:block;font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.software-feature p{color:var(--text-secondary);margin:0}.stories{background:var(--bg-white)}.stories-grid{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);flex-wrap:nowrap;align-items:flex-start}.story-card{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;transition:all var(--transition-base);display:flex;flex-direction:column}.story-card:hover{transform:none;box-shadow:none}.story-image{width:500px;height:500px;overflow:hidden;border-radius:var(--border-radius-sm)}.story-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-sm)}.story-content{padding:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.story-title{font-size:2.3rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;max-width:500px}.story-date{font-size:1.2rem;color:var(--text-secondary);font-weight:500;max-width:500px}.story-quote{font-size:var(--font-size-lg);font-style:italic;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.6;position:relative}.story-quote:before{content:'"';font-size:2em;color:var(--primary-color);position:absolute;top:-10px;left:-15px}.story-meta{border-top:1px solid rgba(0,0,0,.1);padding-top:var(--spacing-md)}.story-date{color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.story-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.mission{background:var(--bg-white);color:var(--text-primary);text-align:center}.mission .section-title{color:var(--text-primary)}.mission-carousel{position:relative;margin-top:var(--spacing-2xl)}.carousel-container{position:relative;overflow:hidden;border-radius:0;margin-bottom:var(--spacing-xl);height:600px;width:100%;border:none;background:transparent;box-shadow:none}.carousel-track{display:flex;transition:transform .5s ease-in-out;height:100%;gap:0;padding:0;align-items:center;width:100%}.carousel-slide{width:100%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease-in-out;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000001a;background:transparent;transform:none;overflow:hidden;height:100%}.carousel-slide.active{opacity:1;transform:none}.slide-image{position:relative;width:100%;height:100%;z-index:1;display:block}.slide-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--border-radius-lg);display:block;max-width:100%;max-height:100%}.slide-content{position:relative;z-index:2;text-align:center;background:transparent;padding:var(--spacing-lg);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.slide-content h3{font-size:2rem;font-weight:var(--font-weight-semibold);color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.4}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg)}.carousel-nav-buttons{display:flex;gap:var(--spacing-md);align-items:center}.carousel-btn{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);border-radius:50%;width:48px;height:48px;color:#374151;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover{background:rgba(255,255,255,1);color:var(--primary-color);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0003}.carousel-btn svg{width:20px;height:20px;stroke:#374151}.carousel-btn.prev-btn{left:20px}.carousel-btn.next-btn{right:20px}.mission-cta{margin-top:var(--spacing-xl)}.changelog{background:var(--bg-light)}.changelog-card{background:var(--bg-white);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 6px 24px #00000014;border:1px solid rgba(105,207,135,.12);max-width:920px;margin:0 auto}.changelog-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.changelog-content{margin:0;white-space:pre-wrap;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem;color:var(--text-primary);line-height:1.7}.changelog-state{text-align:center;color:var(--text-secondary);font-size:1rem}.community{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f8fafc 100%);position:relative;padding:var(--spacing-2xl) 0}.community-card{background:rgba(255,255,255,.95);border-radius:var(--border-radius-xl);box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;position:relative;overflow:hidden}.community-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#69CF87 0%,#4facfe 50%,#f093fb 100%)}.community-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(105,207,135,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.community-content{display:flex;align-items:center;gap:var(--spacing-2xl);min-height:500px;position:relative;z-index:1}.community-left{flex:1;max-width:400px}.community-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-xl);color:#1e293b}.community-subtitle{color:#64748b;font-weight:500}.community-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;background:#69CF87;color:#fff;border-radius:var(--border-radius-lg);text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #69cf874d}.community-btn:hover{background:#5bbf7a;transform:translateY(-2px);box-shadow:0 6px 16px #69cf8766}.download-icon{width:20px;height:20px}.community-right{flex:1;position:relative}.users-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:800px;margin:0 auto;position:relative;height:400px;overflow:hidden;background:rgba(255,255,255,.1);border-radius:8px;padding:8px}.user-column{display:flex;flex-direction:column;gap:8px;overflow:hidden;height:100%;position:relative;min-width:60px}.user-column:nth-child(1){animation:scrollUp 6s linear infinite}.user-column:nth-child(3){animation:scrollUp 8s linear infinite}.user-column:nth-child(5){animation:scrollUp 10s linear infinite}.user-column:nth-child(7){animation:scrollUp 7s linear infinite}.user-column:nth-child(2){animation:scrollDown 9s linear infinite}.user-column:nth-child(4){animation:scrollDown 11s linear infinite}.user-column:nth-child(6){animation:scrollDown 12s linear infinite}.user-column:nth-child(8){animation:scrollDown 13s linear infinite}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(50%)}}.user-column:hover{animation-play-state:paused}.user-avatar{width:50px;height:50px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #00000026;transition:all .3s ease;opacity:1!important;transform:scale(1)!important;position:relative;overflow:hidden;margin:4px;flex-shrink:0;min-width:50px;min-height:50px}.user-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.user-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.user-avatar:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 8px 20px #0003}.user-avatar:hover:before{transform:translate(100%)}@media (max-width: 768px){.community-card{padding:var(--spacing-xl);margin:var(--spacing-md) 0}.community-content{flex-direction:column;gap:var(--spacing-xl);text-align:center;min-height:auto}.community-left{max-width:100%}.community-title{font-size:2.5rem}.users-grid{grid-template-columns:repeat(6,1fr);max-width:500px;height:350px}.user-avatar{width:45px;height:45px;font-size:.9rem}.user-avatar img{width:100%;height:100%}}@media (max-width: 480px){.community-card{padding:var(--spacing-lg);margin:var(--spacing-sm) 0}.users-grid{grid-template-columns:repeat(5,1fr);max-width:400px;height:300px}.user-avatar{width:40px;height:40px;font-size:.8rem}.user-avatar img{width:100%;height:100%}}@keyframes userFadeIn{to{opacity:1;transform:scale(1)}}.faq{background:var(--bg-white);padding:var(--spacing-3xl) 0}.faq-list{max-width:800px;margin:var(--spacing-2xl) auto 0}.faq-item{border-bottom:1px solid #eee;padding:var(--spacing-lg) 0}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-md) 0;transition:all .3s ease}.faq-question:hover{color:var(--text-primary)}.faq-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.faq-icon{font-size:1.5rem;color:#ccc;font-weight:300;transition:all .3s ease;margin-left:var(--spacing-md)}.faq-item.active .faq-icon{color:var(--text-primary)}.faq-answer{padding:0 0 var(--spacing-md) 0;animation:fadeIn .3s ease}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:var(--font-size-base)}.faq-actions{text-align:center;margin-top:var(--spacing-3xl)}.faq-link{color:#69cf87;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:color .3s ease}.faq-link:hover{color:#5bbf7a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide{background:var(--bg-light)}.guide-desc{margin:0;color:var(--text-secondary);font-size:1rem}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.guide-card{background:var(--bg-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.05)}.guide-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.guide-icon{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.guide-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.guide-subtitle{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.guide-steps{list-style:none;padding:0;margin:0}.guide-steps li{padding:var(--spacing-sm) 0;position:relative;padding-left:var(--spacing-lg);color:var(--text-secondary)}.guide-steps li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.guide-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-2xl);flex-wrap:wrap}.btn-online-status{background:#eef2ff;border:2px solid #667eea;color:#3446c7;box-shadow:0 8px 20px #667eea33}.btn-online-status:hover{background:#667eea;color:var(--text-white);border-color:#667eea;transform:translateY(-2px);box-shadow:0 12px 26px #667eea52}.seo-landing{--primary-color: #007AFF;--primary-dark: #0062cc;--primary-light: #148CFA}.seo-section{background:var(--bg-white);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl)) 0}.seo-section>.section-container{padding-top:0;padding-bottom:0}.seo-section .section-header{margin-bottom:var(--spacing-xl)}.seo-section--alt{background:var(--bg-light)}.seo-section--alt .seo-card{background:var(--bg-white);border-color:#0000000f;box-shadow:var(--shadow-md)}.seo-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin-top:var(--spacing-xl)}.seo-card{background:var(--bg-card);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));border-radius:var(--border-radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-sm)}.seo-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.seo-card p{color:var(--text-secondary);line-height:1.8;margin:0 0 var(--spacing-lg)}.seo-card{transition:transform var(--transition-base),box-shadow var(--transition-base)}.seo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.seo-card__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--border-radius-md);background:rgba(0,122,255,.1);color:var(--primary-color);margin-bottom:var(--spacing-md)}.seo-card__icon svg{width:28px;height:28px}.seo-card--faq .seo-card__icon{border-radius:50%}.seo-card--mode{text-align:center}.seo-card--mode .mode-ico{width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:var(--border-radius-md);display:grid;place-items:center;color:var(--primary-color);background:linear-gradient(135deg,rgba(0,122,255,.12),rgba(52,199,89,.12))}.seo-card--mode .mode-ico svg{width:30px;height:30px}.seo-card--mode p{margin-bottom:0}.seo-list{list-style:none;padding:0;margin:0}.seo-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:10px var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:background var(--transition-fast)}.seo-list li:hover{background:rgba(0,122,255,.06)}.seo-list li:before{content:"";position:static;flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:50%;background:rgba(0,122,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007AFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 13px no-repeat}.seo-timeline{list-style:none;margin:0;padding:0;counter-reset:step}.seo-timeline li{position:relative;padding:0 0 var(--spacing-lg);padding-inline-start:var(--spacing-xl);color:var(--text-secondary);line-height:1.7}.seo-timeline li:before{counter-increment:step;content:counter(step);position:absolute;inset-inline-start:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 8px #007aff59}.seo-timeline li:not(:last-child):after{content:"";position:absolute;inset-inline-start:13px;top:30px;bottom:4px;width:2px;background:linear-gradient(180deg,rgba(0,122,255,.35),rgba(0,122,255,.08))}.seo-tags{display:flex;flex-wrap:wrap;gap:10px}.seo-tags span{display:inline-flex;align-items:center;gap:6px;background:rgba(0,122,255,.1);color:var(--primary-color);font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(0,122,255,.14)}.seo-tags span:before{content:"#";opacity:.55;font-weight:700}.seo-disclaimer{margin-top:var(--spacing-xl);color:var(--text-secondary);text-align:center;font-size:.95rem}.legal-main{max-width:860px;margin:0 auto;padding:calc(98px + var(--spacing-xl)) var(--spacing-md) var(--spacing-2xl)}.legal-main h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.legal-intro{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.06)}.legal-section{margin-bottom:var(--spacing-lg)}.legal-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.legal-section p{color:var(--text-secondary);line-height:1.9}.legal-links{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.06);display:flex;gap:var(--spacing-lg);align-items:center}.legal-links a{color:var(--primary-color);text-decoration:none;font-weight:500}.notfound-main{text-align:center}.notfound-code{font-size:96px;font-weight:800;line-height:1;background:linear-gradient(90deg,#007AFF 0%,#34C759 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md)}.notfound-main .legal-links{justify-content:center;border-top:none}.web-section{background:var(--bg-white);padding:clamp(var(--spacing-2xl),6vw,var(--spacing-3xl)) 0}.web-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin-top:0}.web-feature{background:var(--bg-card);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));border-radius:var(--border-radius-lg);border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.web-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.web-feature h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.web-feature p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.feature-note{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium)}.contact{background:var(--bg-light);padding:clamp(var(--spacing-2xl),6vw,var(--spacing-3xl)) 0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin-top:0}.contact-item{background:var(--bg-white);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.contact-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.contact-item h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.3}.contact-item p{color:var(--text-secondary);line-height:1.8;margin:0;font-size:var(--font-size-base)}.contact-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-3xl);flex-wrap:wrap}.contact-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.contact-feedback{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-textarea{width:100%;min-height:140px;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid rgba(15,23,42,.12);background:#f8fafc;font-size:1rem;line-height:1.6;color:var(--text-primary);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.feedback-textarea:focus{outline:none;border-color:#69cf87b3;box-shadow:0 0 0 3px #69cf8733;background:#ffffff}.feedback-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.feedback-actions .btn{font-size:1rem;padding:10px 22px}.feedback-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.feedback-email{color:var(--text-secondary);font-size:.95rem;text-decoration:none}.feedback-email:hover{color:var(--primary-color)}.contact-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.contact-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);text-decoration:none}.contact-link:hover{color:#5bbf7a}.footer{background:var(--bg-dark);color:var(--text-white);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl)}.footer-brand h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(90deg,#4C1D95 0%,#8B5CF6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.footer-brand p{color:var(--text-light);line-height:1.6;font-size:var(--font-size-base)}.brand-tagline{display:block;margin-top:var(--spacing-sm);opacity:.9}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-xl)}.footer-column h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-white)}.footer-column a{display:block;color:var(--text-light);text-decoration:none;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast);font-size:var(--font-size-sm)}.footer-column a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-xl);text-align:center;color:var(--text-light);font-size:var(--font-size-sm)}.footer-bottom p{margin-bottom:var(--spacing-xs)}.back-to-top{position:fixed;right:var(--spacing-lg);bottom:var(--spacing-lg);width:48px;height:48px;border-radius:50%;border:none;background:var(--gradient-primary);color:var(--text-white);cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);opacity:0;visibility:hidden;z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.back-to-top svg{width:20px;height:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-white);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.loading-overlay.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid var(--bg-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in-up.animate{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:all .6s ease}.fade-in-left.animate{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:all .6s ease}.fade-in-right.animate{opacity:1;transform:translate(0)}@media (max-width: 1024px){.stories-grid{justify-content:center;gap:var(--spacing-lg)}}@media (max-width: 768px){.nav-menu{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background:white;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:var(--spacing-xl);transition:left .3s ease-in-out;z-index:1004!important;box-shadow:0 4px 20px #00000026;overflow-y:auto;visibility:hidden;opacity:0}.nav-menu.active{left:0!important;visibility:visible!important;opacity:1!important}.nav-link{width:100%;text-align:center;padding:var(--spacing-md);font-size:var(--font-size-lg)}.mobile-menu-toggle{display:flex!important;position:relative!important;z-index:1003!important;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto!important}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{padding-top:calc(98px + var(--spacing-xl));padding-bottom:var(--spacing-xl)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.features-grid,.guide-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.stories-grid{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.story-image{width:350px;height:350px}.story-title{font-size:1.2rem;max-width:350px}.story-date{font-size:1rem;max-width:350px}.faq-grid,.contact-grid{grid-template-columns:1fr}.carousel-container{height:450px;width:calc(100% + 20px)}.slide-content h3{font-size:1.5rem}.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:16px;height:16px}.web-features{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.faq-actions,.contact-actions,.feedback-actions,.guide-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}@media (max-width: 480px){.container,.section-container{padding:0 var(--spacing-sm)}.hero{padding:calc(98px + var(--spacing-lg)) var(--spacing-sm) var(--spacing-lg)}.section-container{padding:var(--spacing-2xl) var(--spacing-md)}.web-section,.contact{padding:var(--spacing-xl) 0}.web-features,.contact-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.web-feature,.contact-item{padding:var(--spacing-lg);width:100%}.feature-card,.story-card,.faq-item,.guide-card{padding:var(--spacing-lg)}.section-title{font-size:var(--font-size-3xl)}.hero-title{font-size:var(--font-size-2xl)}}@media (prefers-contrast: high){:root{--bg-white: #ffffff;--bg-light: #f0f0f0;--bg-dark: #000000;--text-primary: #000000;--text-secondary: #333333}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.top-banner,.navbar,.back-to-top,.hero-decoration{display:none!important}body{font-size:12pt;line-height:1.4}.nav-auth{display:flex;align-items:center;gap:var(--spacing-sm)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-email{color:var(--text-primary);font-weight:500;font-size:.875rem;margin:0}.btn-logout{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#4b5563;transform:translateY(-1px)}.nav-auth button.btn-login{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1.25rem!important;background:rgba(0,0,0,.6)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;color:#e2e8f0!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0000001a!important;min-height:auto!important;justify-content:flex-start!important;position:relative!important;overflow:visible!important}.nav-auth button.btn-login:hover{background:rgba(0,0,0,.7)!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:50%;font-size:1rem;color:#e2e8f0}.btn-text{color:#e2e8f0;font-weight:500}.nav-auth button.btn-login.active{background:rgba(105,207,135,.8)!important;border-color:#69cf8780!important;box-shadow:0 4px 12px #69cf874d!important}.nav-auth button.btn-login.active:hover{background:rgba(105,207,135,.9)!important;border-color:#69cf8799!important;box-shadow:0 6px 16px #69cf8766!important}.nav-auth button.btn-login.active .btn-icon{background:rgba(255,255,255,.2)!important}.nav-auth button.btn-login.active .btn-text{color:#fff!important}@media (max-width: 768px){.nav-auth{display:flex;gap:var(--spacing-sm);order:2}.nav-container{justify-content:space-between;position:relative}.mobile-menu-toggle{order:3;margin-left:auto;position:relative}}.gpu-card .card-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.gpu-card .card-main-text{font-size:1.3rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}.gpu-card .card-secondary-text{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-weight:500}.gpu-card .feature-list li{font-size:1.1rem;font-weight:500;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md)}}.auth-main{min-height:calc(100vh - 200px);background:#F7FAFC;padding:var(--spacing-xl) 0;display:flex;align-items:center;justify-content:center}.auth-container{max-width:500px;width:100%;padding:0 var(--spacing-lg)}.auth-content{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem 3rem;position:relative;border:1px solid #E2E8F0;height:auto;min-height:520px;max-width:100%;display:flex;flex-direction:column}.auth-forms{display:block}.auth-content.register-mode{height:auto;min-height:700px;max-width:100%;padding:2.5rem 3rem}.auth-container.register-mode{max-width:600px}.auth-form{display:none;animation:fadeIn .3s ease-in-out;padding-top:1rem}.auth-form.active{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2d3748;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:white;color:#2d3748;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group input::-moz-placeholder{color:#a0aec0}.form-group input::placeholder{color:#a0aec0}.test-accounts{background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.test-accounts-title{font-size:.85rem;font-weight:500;color:#4a5568;margin:0 0 .5rem}.test-account-item{display:flex;flex-direction:column;gap:.25rem}.test-email,.test-password{font-size:.8rem;color:#2d3748;font-family:Courier New,monospace}.verification-input-group{display:flex;gap:.75rem;align-items:stretch;width:100%}.verification-input-group input{flex:1}.captcha-group{display:flex;gap:.75rem;align-items:stretch;width:100%}.captcha-group input{flex:1}.captcha-image-wrapper{display:flex;align-items:center;justify-content:center;min-width:120px;height:40px;border:1px solid #E2E8F0;border-radius:8px;background:#F7FAFC;overflow:hidden}.captcha-image{width:120px;height:40px;-o-object-fit:contain;object-fit:contain;cursor:pointer;transition:opacity .2s}.captcha-image:hover{opacity:.8}.btn-refresh-captcha{padding:.5rem .75rem;background:#8B5CF6;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-refresh-captcha:hover{background:#7C3AED;transform:translateY(-1px)}.btn-send-code{padding:.75rem 1rem;background:#8B5CF6;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:90px}.btn-send-code:hover:not(:disabled){background:#7C3AED;transform:translateY(-1px)}.btn-send-code:disabled{background:#CBD5E0;cursor:not-allowed;transform:none}.verification-timer{padding:.75rem 1rem;background:#F7FAFC;color:#718096;border:1px solid #E2E8F0;border-radius:8px;font-size:.85rem;font-weight:500;text-align:center;min-width:90px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#4a5568;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0;accent-color:#8B5CF6}.forgot-password{color:#8b5cf6;text-decoration:none;font-size:.85rem;font-weight:500}.forgot-password:hover{color:#7c3aed;text-decoration:underline}.btn-submit{width:100%;padding:.875rem 1rem;background:#8B5CF6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;margin-top:.5rem}.btn-submit:hover{background:#7C3AED;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-submit:active{transform:translateY(0)}.form-footer{text-align:center;padding-top:1.5rem;margin-top:1rem;border-top:1px solid #E2E8F0;padding-bottom:.5rem}.form-footer p{color:#4a5568;font-size:.85rem;margin:0}.form-footer a{color:#8b5cf6;text-decoration:none;font-weight:500}.form-footer a:hover{color:#7c3aed;text-decoration:underline}.nav-auth button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.nav-auth button:hover{background:rgba(0,0,0,.7);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:50%;font-size:1rem;color:#e2e8f0}.btn-text{color:#e2e8f0;font-weight:500}.nav-auth .btn-login.active{background:rgba(105,207,135,.8);border-color:#69cf8780;box-shadow:0 4px 12px #69cf874d}.nav-auth .btn-login.active:hover{background:rgba(105,207,135,.9);border-color:#69cf8799;box-shadow:0 6px 16px #69cf8766}.nav-auth .btn-login.active .btn-icon{background:rgba(255,255,255,.2)}.nav-auth .btn-login.active .btn-text{color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.modal-content{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #E2E8F0;margin-bottom:1.5rem}.modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#F1F5F9;color:#475569}.modal-body{padding:0 1.5rem 1.5rem}.verification-group{display:flex;gap:.75rem;align-items:flex-end}.verification-group input{flex:1}.btn-send-code{padding:.75rem 1rem;background:#69CF87;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-send-code:hover{background:#5BB377}.btn-send-code:disabled{background:#94A3B8;cursor:not-allowed}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;display:none;line-height:1.4}.error-message.show{display:block}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.btn-api-config{padding:.5rem;background:#F1F5F9;border:1px solid #E2E8F0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s;margin-left:var(--spacing-sm)}.btn-api-config:hover{background:#E2E8F0;color:#475569}.api-config-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}.api-config-modal.active{display:flex}.api-config-content{background:white;padding:var(--spacing-xl);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.api-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.api-config-header h3{margin:0;color:var(--color-text)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b}.close-btn:hover{color:var(--color-text)}.api-config-form{margin-bottom:var(--spacing-lg)}.api-config-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.api-config-form input{width:100%;padding:.75rem;border:2px solid #E2E8F0;border-radius:8px;margin-bottom:var(--spacing-md)}.api-config-form input:focus{outline:none;border-color:#8b5cf6}.api-config-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn-template{padding:.5rem 1rem;background:#F1F5F9;border:1px solid #E2E8F0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem}.btn-template:hover{background:#E2E8F0}@media (max-width: 768px){.auth-container{padding:0 var(--spacing-md);max-width:100%}.auth-content{padding:1.5rem 2rem;border-radius:12px;height:auto;min-height:400px;min-width:auto;width:100%}.auth-content.register-mode{min-height:650px;padding:2rem 2.5rem}}@media (max-width: 480px){.auth-content{padding:1.25rem 1.5rem;border-radius:10px;height:auto;min-height:400px}.auth-content.register-mode{min-height:600px;padding:1.5rem 2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-secondary: #64748B;--color-text: #1E293B;--color-text-light: #64748B;--color-text-muted: #94A3B8;--color-background: #F8FAFC;--color-white: #FFFFFF;--color-success: #10B981;--color-warning: #F59E0B;--color-info: #3B82F6;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-background);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.navbar{background:var(--color-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;border-bottom:1px solid #E2E8F0}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand{display:flex;align-items:center;gap:var(--spacing-md)}.brand-logo{height:28px}.nav-brand h1{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:0}.nav-menu{display:flex;gap:var(--spacing-xl)}.nav-link{color:var(--color-text-light);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s;padding:var(--spacing-sm) var(--spacing-md);border-radius:6px}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:#F1F5F9}.nav-auth{display:flex;gap:var(--spacing-md);align-items:center}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-email{color:var(--color-text);font-weight:500;font-size:.875rem;margin:0}.btn-logout{padding:.5rem 1rem;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#475569;transform:translateY(-1px)}.hero{color:var(--color-white);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px}.hero-title{font-size:3rem;font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.95}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .2s;display:inline-block}.btn-primary{background:#69CF87;color:var(--color-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-secondary{background:rgba(255,255,255,.2);color:var(--color-white);border:2px solid var(--color-white)}.btn-secondary:hover{background:rgba(255,255,255,.3)}.features{padding:var(--spacing-xl) 0;background:var(--color-white)}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature-card{text-align:center;padding:var(--spacing-xl);border-radius:var(--border-radius);background:var(--color-background);transition:all .3s;border:1px solid #F1F5F9}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.feature-card p{color:var(--color-text);font-size:1.25rem;line-height:1.6}.dashboard{padding:var(--spacing-xl) 0;min-height:calc(100vh - 64px);background:var(--color-background)}.dashboard-header{margin-bottom:var(--spacing-xl);text-align:left}.dashboard-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text);line-height:1.2}.dashboard-header p{font-size:1rem;color:var(--color-text-light);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s;border:1px solid #F1F5F9}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#F8FAFC;border-radius:10px;flex-shrink:0}.stat-content{flex:1}.stat-content h3{font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-weight:500}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1}.quick-actions{margin-bottom:var(--spacing-xl)}.quick-actions h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.action-btn{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s;border:1px solid #F1F5F9}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#F8FAFC;border-radius:8px;flex-shrink:0}.action-text h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.action-text p{color:var(--color-text-light);font-size:.875rem;margin:0}.recent-activity h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text)}.activity-list{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid #F1F5F9}.activity-item{padding:var(--spacing-lg);border-bottom:1px solid #F1F5F9;display:flex;align-items:center;gap:var(--spacing-md);transition:background-color .2s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#F8FAFC}.activity-icon{font-size:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#F8FAFC;border-radius:6px;flex-shrink:0}.activity-content{flex:1}.activity-title{font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:.875rem}.activity-time{font-size:.75rem;color:var(--color-text-muted)}.activity-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;flex-shrink:0}.activity-status.success{background:#D1FAE5;color:#065f46}.activity-status.warning{background:#FEF3C7;color:#92400e}.activity-status.info{background:#DBEAFE;color:#1e40af}.footer{background:var(--color-text);color:var(--color-white);padding:var(--spacing-lg);text-align:center;margin-top:var(--spacing-xl)}.footer-container{max-width:1200px;margin:0 auto}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.nav-menu{display:none}.dashboard-header h1{font-size:1.75rem}.stats-grid,.action-buttons{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card,.action-btn,.activity-item{padding:var(--spacing-md)}}.download-section{padding:var(--spacing-xl) 0;min-height:calc(100vh - 70px)}.download-section>.container,.download-section>.download-container{width:min(100%,1180px)!important;max-width:1180px!important;margin-left:auto;margin-right:auto}.download-card{background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:var(--spacing-xl);max-width:800px;margin:0 auto}.download-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.download-description{font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.download-warning{background:#FEF3C7;border-left:4px solid #F59E0B;padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md)}.warning-icon{font-size:1.5rem}.warning-content p{margin-bottom:var(--spacing-sm)}.warning-content ul{list-style:none;padding-left:0}.warning-content li{padding-left:1.5rem;position:relative;margin-bottom:.5rem}.warning-content li:before{content:"•";position:absolute;left:.5rem}.download-info{background:var(--color-background);padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-lg)}.info-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.info-label{font-weight:600;color:var(--color-text)}.info-value{color:var(--color-text-light)}.btn-download{width:100%;padding:1rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-download:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-download:disabled{background:var(--color-secondary);cursor:not-allowed;transform:none}.download-link-container{margin-top:var(--spacing-lg)}.download-link{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.download-link input{flex:1;padding:.75rem;border:1px solid #D1D5DB;border-radius:8px;font-size:.9rem}.btn-copy{padding:.75rem 1.5rem;background:var(--color-secondary);color:var(--color-white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#4B5563}.btn-download-action{width:100%;padding:1rem;background:#10B981;color:var(--color-white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-download-action:hover{background:#059669}.system-requirements{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid #E5E7EB}.system-requirements h3{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.system-requirements ul{list-style:none;padding-left:0}.system-requirements li{padding:var(--spacing-sm) 0;padding-left:1.5rem;position:relative;color:var(--color-text-light)}.system-requirements li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.config-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.config-section:last-child{margin-bottom:0}.section-subtitle{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.section-header-with-tutorial{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #e5e7eb}.tutorial-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.tutorial-toggle-btn:hover{background:#e5e7eb;border-color:#9ca3af}.tutorial-icon{font-size:.75rem;transition:transform .2s}.tutorial-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.tutorial-intro{font-size:.95rem;color:#4b5563;margin-bottom:var(--spacing-md);line-height:1.6}.tutorial-item{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #e5e7eb}.tutorial-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tutorial-item-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:var(--spacing-xs)}.tutorial-item-desc{font-size:.9rem;color:#6b7280;line-height:1.6;margin-bottom:var(--spacing-xs)}.tutorial-example{display:block;padding:var(--spacing-xs) var(--spacing-sm);background:#1f2937;color:#f9fafb;border-radius:4px;font-size:.875rem;font-family:Courier New,monospace;margin-top:var(--spacing-xs)}.process-config-form{margin-top:var(--spacing-lg)}.form-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg)}.process-config-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:600;color:var(--color-text);font-size:.95rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.random-toggle{margin-bottom:var(--spacing-sm)}.random-config{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.random-config-inputs{display:flex;gap:var(--spacing-sm)}.random-config-inputs .form-input{flex:1}.random-name-hint{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;margin-top:var(--spacing-xs);font-size:.875rem;color:#1e40af;line-height:1.5}.hint-icon{flex-shrink:0;font-size:1rem}.hint-text{flex:1}@media (max-width: 768px){.download-card{padding:var(--spacing-md)}.download-title{font-size:1.5rem}.download-link{flex-direction:column}.config-section{padding:var(--spacing-md)}.random-config-inputs{flex-direction:column}}.devices-section{padding:var(--spacing-xl) 0;min-height:calc(100vh - 70px)}.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.devices-header h1{font-size:2rem;font-weight:700;color:var(--color-text)}.devices-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-weight:500;color:var(--color-text)}.filter-group select{padding:.5rem 1rem;border:1px solid #D1D5DB;border-radius:8px;background:var(--color-white);cursor:pointer}.empty-state{text-align:center;padding:var(--spacing-xl) 0}.empty-icon{font-size:5rem;margin-bottom:var(--spacing-md)}.empty-state h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.empty-state p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.devices-table-container{background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.devices-table{width:100%;border-collapse:collapse}.devices-table thead{background:var(--color-background)}.devices-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid #E5E7EB}.devices-table td{padding:1rem;border-bottom:1px solid #E5E7EB}.devices-table tbody tr:hover{background:var(--color-background)}.device-name{font-weight:600;color:var(--color-text)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-online{background:#D1FAE5;color:#065f46}.status-offline{background:#FEE2E2;color:#991b1b}.status-waiting{background:#DBEAFE;color:#1e40af}.task-type{color:var(--color-text-light)}.processing-rate{font-weight:600;color:var(--color-primary)}.submit-count{color:var(--color-text)}.last-report{color:var(--color-text-light);font-size:.875rem}.device-actions{display:flex;gap:var(--spacing-sm)}.btn-action{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-view{background:var(--color-primary);color:var(--color-white)}.btn-view:hover{background:var(--color-primary-dark)}@media (max-width: 1024px){.devices-table-container{overflow-x:auto}.devices-table{width:100%}}@media (max-width: 768px){.devices-header{flex-direction:column;align-items:flex-start}.devices-actions{width:100%;flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1}}.assets-section{padding:var(--spacing-xl) 0;min-height:calc(100vh - 70px)}.assets-section h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text)}.balance-cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.balance-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:12px;box-shadow:0 4px 6px #0000001a}.balance-main{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:var(--color-white)}.balance-label{font-size:.875rem;margin-bottom:var(--spacing-md);opacity:.9}.balance-amount{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.balance-amount .currency{font-size:1rem;font-weight:600}.balance-amount .amount{font-size:2.5rem;font-weight:700}.balance-amount-small{display:flex;align-items:baseline;gap:var(--spacing-sm)}.balance-amount-small .currency{font-size:.875rem;color:var(--color-text-light)}.balance-amount-small .amount{font-size:1.5rem;font-weight:700;color:var(--color-text)}.btn-withdraw{padding:.75rem 2rem;background:var(--color-white);color:var(--color-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-withdraw:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.transactions-section h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text)}.transactions-table-container{background:var(--color-white);border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.transactions-table{width:100%;border-collapse:collapse}.transactions-table thead{background:var(--color-background)}.transactions-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid #E5E7EB}.transactions-table td{padding:1rem;border-bottom:1px solid #E5E7EB}.transactions-table tbody tr:hover{background:var(--color-background)}.tx-time{color:var(--color-text-light);font-size:.875rem}.tx-type{color:var(--color-text)}.tx-amount{font-weight:600}.tx-amount.positive{color:#10b981}.tx-amount.negative{color:#ef4444}.tx-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.tx-status.completed{background:#D1FAE5;color:#065f46}.tx-status.pending{background:#FEF3C7;color:#92400e}.tx-status.failed{background:#FEE2E2;color:#991b1b}.tx-reference{font-family:monospace;color:var(--color-text-light);font-size:.875rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-white);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid #E5E7EB}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light)}.modal-body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #D1D5DB;border-radius:8px;font-size:1rem}.amount-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-text-light)}.btn-all{padding:.25rem .75rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.fee-info{background:var(--color-background);padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-lg)}.fee-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.fee-item.total{border-top:1px solid #D1D5DB;margin-top:var(--spacing-sm);padding-top:var(--spacing-md);font-weight:600;font-size:1.1rem}.withdraw-notice{background:#FEF3C7;padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-lg)}.withdraw-notice p{font-weight:600;margin-bottom:var(--spacing-sm)}.withdraw-notice ul{list-style:none;padding-left:0}.withdraw-notice li{padding:.25rem 0;font-size:.875rem;color:var(--color-text-light)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid #E5E7EB}@media (max-width: 768px){.balance-cards{grid-template-columns:1fr}.transactions-table-container{overflow-x:auto}.transactions-table{min-width:600px}}