.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:overlayFadeIn .2s ease forwards}.search-modal-content{width:100%;max-width:600px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:modalOpen .25s ease forwards}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.search-icon{color:var(--color-muted);flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--color-text);font-size:var(--text-base);font-family:var(--font-body)}.search-input::placeholder{color:var(--color-placeholder)}.search-clear{color:var(--color-muted);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.search-clear:hover{color:var(--color-text);background:var(--color-surface-3)}.search-kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;flex-shrink:0}.search-results{max-height:380px;overflow-y:auto;padding:var(--space-2) 0}.search-section-label{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-5);margin-top:var(--space-1)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);text-align:left;border-radius:0;transition:background var(--transition-fast);cursor:pointer}.search-result-item:hover,.search-result-item.active{background:var(--color-surface-2)}.result-module-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;margin-top:2px}.result-content{flex:1;min-width:0}.result-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-description{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.result-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.result-type{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface-3);padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.result-arrow{color:var(--color-muted);opacity:0;transition:opacity var(--transition-fast)}.search-result-item.active .result-arrow{opacity:1;color:var(--color-primary)}.search-highlight{background:transparent;color:var(--color-primary);font-weight:700}.search-empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.search-footer{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-2)}.search-key-hint{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted)}.search-key-hint kbd{font-family:var(--font-mono);font-size:10px;color:var(--color-muted);background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:4px;padding:1px 5px}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}@media (max-width: 640px){.search-overlay{padding-top:16px;align-items:flex-start}.search-modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%}.search-results{max-height:50vh}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);background:var(--color-navbar-bg);border-bottom:1px solid var(--color-navbar-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow var(--transition-normal)}.navbar--scrolled{box-shadow:var(--shadow-md)}.navbar__inner{display:flex;align-items:center;gap:var(--space-4);max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6);height:60px}.navbar__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.navbar__logo-icon{color:var(--color-primary)}.navbar__logo-text{font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em}.navbar__version{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px 8px;font-family:var(--font-mono)}.navbar__links{display:flex;align-items:center;gap:var(--space-1);flex:1;overflow-x:auto;scrollbar-width:none}.navbar__links::-webkit-scrollbar{display:none}.navbar__link{font-size:var(--text-sm);font-weight:500;color:var(--color-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);text-decoration:none}.navbar__link:hover{color:var(--color-text);background:var(--color-surface-2)}.navbar__link--active{color:var(--color-text);background:var(--color-surface-2);font-weight:600}.navbar__link--market.navbar__link--active{color:var(--module-market-color)}.navbar__link--weather.navbar__link--active{color:var(--module-weather-color)}.navbar__link--kidas.navbar__link--active{color:var(--module-kidas-color)}.navbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.navbar__search-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.navbar__search-btn:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-2)}.navbar__search-hint{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.navbar__icon-btn{display:flex;align-items:center;gap:var(--space-1);width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center}.navbar__icon-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.navbar__lang-label{font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);display:none}.navbar__mobile-btn{display:none;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast)}.navbar__mobile-btn:hover{background:var(--color-surface-2)}.navbar__mobile-menu{display:flex;flex-direction:column;padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-navbar-bg);animation:fadeInUp .2s ease forwards}.navbar__mobile-link{font-size:var(--text-sm);font-weight:500;color:var(--color-muted);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);text-decoration:none;transition:color var(--transition-fast)}.navbar__mobile-link:last-of-type{border-bottom:none}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--color-primary)}.navbar__mobile-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.navbar__mobile-action{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.navbar__mobile-action:hover{background:var(--color-surface-2);color:var(--color-text)}@media (max-width: 1100px){.navbar__link{font-size:12px;padding:var(--space-1) var(--space-2)}.navbar__search-hint{display:none}}@media (max-width: 900px){.navbar__links{display:none}.navbar__mobile-btn{display:flex}.navbar__search-btn{width:36px;padding:var(--space-2)}.navbar__search-btn span{display:none}}@media (min-width: 901px){.navbar__mobile-menu{display:none}}@media (min-width: 1200px){.navbar__lang-label{display:block}.navbar__icon-btn{width:auto;padding:var(--space-1) var(--space-2);gap:var(--space-1)}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-20)}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);padding-top:var(--space-16);padding-bottom:var(--space-12)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer__logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);color:var(--color-text);text-decoration:none}.footer__logo svg{color:var(--color-primary)}.footer__tagline{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6;max-width:280px}.footer__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.footer__badge{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 10px}.footer__github{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-muted);width:fit-content;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.footer__github:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-2)}.footer__col{display:flex;flex-direction:column;gap:var(--space-4)}.footer__col-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.06em}.footer__links{display:flex;flex-direction:column;gap:var(--space-2)}.footer__link{font-size:var(--text-sm);color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__bottom{border-top:1px solid var(--color-border);padding:var(--space-5) 0}.footer__bottom-inner{display:flex;align-items:center;justify-content:space-between}.footer__copy{font-size:var(--text-sm);color:var(--color-muted)}.footer__author{color:var(--color-primary);text-decoration:none;font-weight:500}.footer__author:hover{text-decoration:underline}.footer__love{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted)}.footer__love svg{color:#ea3e5b}@media (max-width: 1024px){.footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer__brand{grid-column:1 / -1}}@media (max-width: 640px){.footer__inner{grid-template-columns:1fr;gap:var(--space-6)}.footer__bottom-inner{flex-direction:column;gap:var(--space-3);text-align:center}}:root{--color-primary: hsl(145, 58%, 33%);--color-primary-light: hsl(145, 55%, 45%);--color-primary-dark: hsl(145, 65%, 24%);--color-accent: hsl(38, 88%, 46%);--color-accent-light: hsl(38, 90%, 58%);--color-bg: hsl(0, 0%, 98%);--color-bg-alt: hsl(210, 20%, 96%);--color-surface: hsl(0, 0%, 100%);--color-surface-2: hsl(145, 20%, 96%);--color-surface-3: hsl(210, 15%, 94%);--color-text: hsl(220, 22%, 14%);--color-text-strong: hsl(220, 25%, 8%);--color-muted: hsl(220, 12%, 48%);--color-placeholder: hsl(220, 10%, 65%);--color-border: hsl(220, 15%, 88%);--color-border-strong: hsl(220, 15%, 75%);--color-code-bg: hsl(220, 20%, 96%);--color-code-text: hsl(220, 20%, 18%);--color-navbar-bg: hsla(0, 0%, 100%, .92);--color-navbar-border: hsl(220, 15%, 90%);--color-sidebar-bg: hsl(0, 0%, 100%);--color-sidebar-active: hsl(145, 55%, 95%);--color-sidebar-active-border: var(--color-primary);--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-xl: 0 16px 56px rgba(0,0,0,.12);--glass-bg: hsla(0, 0%, 100%, .8);--glass-border: hsla(220, 15%, 70%, .3);--glass-blur: 16px;--color-overlay: hsla(220, 20%, 10%, .45);--color-success: hsl(145, 58%, 40%);--color-warning: hsl(38, 88%, 46%);--color-error: hsl(0, 72%, 50%);--color-info: hsl(210, 85%, 52%);--module-market-color: hsl(28, 85%, 48%);--module-weather-color: hsl(210, 85%, 52%);--module-kidas-color: hsl(258, 68%, 60%);--font-body: "Inter", "Outfit", system-ui, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--container-max: 1200px;--container-pad: 1.5rem}[data-theme=dark]{--color-primary: hsl(145, 62%, 44%);--color-primary-light: hsl(145, 58%, 56%);--color-primary-dark: hsl(145, 65%, 32%);--color-accent: hsl(38, 92%, 56%);--color-accent-light: hsl(38, 95%, 68%);--color-bg: hsl(220, 20%, 8%);--color-bg-alt: hsl(220, 22%, 11%);--color-surface: hsl(220, 18%, 13%);--color-surface-2: hsl(220, 16%, 17%);--color-surface-3: hsl(220, 14%, 21%);--color-text: hsl(220, 15%, 90%);--color-text-strong: hsl(220, 10%, 96%);--color-muted: hsl(220, 10%, 60%);--color-placeholder: hsl(220, 10%, 45%);--color-border: hsl(220, 18%, 22%);--color-border-strong: hsl(220, 18%, 32%);--color-code-bg: hsl(220, 22%, 11%);--color-code-text: hsl(220, 15%, 88%);--color-navbar-bg: hsla(220, 20%, 8%, .92);--color-navbar-border: hsl(220, 18%, 18%);--color-sidebar-bg: hsl(220, 18%, 10%);--color-sidebar-active: hsl(145, 55%, 12%);--color-sidebar-active-border: var(--color-primary);--shadow-sm: 0 1px 4px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 8px 32px rgba(0,0,0,.45);--shadow-xl: 0 16px 56px rgba(0,0,0,.55);--glass-bg: hsla(220, 18%, 15%, .8);--glass-border: hsla(220, 18%, 40%, .25);--glass-blur: 16px;--color-overlay: hsla(220, 20%, 4%, .7);--color-success: hsl(145, 62%, 52%);--color-warning: hsl(38, 92%, 58%);--color-error: hsl(0, 75%, 60%);--color-info: hsl(210, 88%, 62%)}*,*:before,*:after{transition:background-color .3s ease,border-color .25s ease,color .2s ease,box-shadow .25s ease}button,a,input,.tab-btn,.card,.nav-link{transition:background-color .2s ease,border-color .2s ease,color .15s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-xl: 0 16px 48px rgba(0,0,0,.18);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-sidebar: 100;--z-navbar: 200;--z-modal: 300;--z-tooltip: 400;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--module-market-color: hsl(145, 60%, 35%);--module-weather-color: hsl(210, 85%, 52%);--module-kidas-color: hsl(28, 85%, 52%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-slow),color var(--transition-normal);overflow-x:hidden;min-height:100vh}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}h3{font-size:clamp(var(--text-xl),3vw,var(--text-3xl))}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--color-muted);line-height:1.8}code,pre{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--color-code-bg);padding:.1em .4em;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--module-market-color);border:1px solid var(--color-border)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--container-md)}.container--wide{max-width:var(--container-2xl)}.section{padding:var(--space-20) 0}.section--sm{padding:var(--space-12) 0}.section--lg{padding:var(--space-32) 0}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex;gap:var(--space-4)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-muted)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.divider{width:100%;height:1px;background:var(--color-border);margin:var(--space-8) 0}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));z-index:calc(var(--z-navbar) + 1);transition:width .1s linear}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-normal);opacity:0;transform:translateY(20px);pointer-events:none;z-index:var(--z-sidebar)}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--color-accent);transform:translateY(-4px)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}@media (max-width: 480px){:root{--text-base: .95rem}.container{padding:0 var(--space-3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dataScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes modalOpen{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes counterSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes progressBar{0%{width:0%}to{width:100%}}.animate-on-scroll{opacity:0;transform:translateY(28px)}.animate-on-scroll.visible{animation:fadeInUp .6s ease forwards}.animate-on-scroll:nth-child(1){animation-delay:0ms}.animate-on-scroll:nth-child(2){animation-delay:80ms}.animate-on-scroll:nth-child(3){animation-delay:.16s}.animate-on-scroll:nth-child(4){animation-delay:.24s}.animate-on-scroll:nth-child(5){animation-delay:.32s}.animate-on-scroll:nth-child(6){animation-delay:.4s}.icon-float{animation:float 3s ease-in-out infinite}.icon-float:nth-child(2){animation-delay:.5s}.icon-float:nth-child(3){animation-delay:1s}.text-gradient-animated{background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-primary-light));background-size:200% 200%;animation:gradientShift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-modal-content{animation:modalOpen .25s ease forwards}.search-overlay{animation:overlayFadeIn .2s ease forwards}.spinner{animation:spin 1s linear infinite}.card-hover{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.reading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));z-index:9999;transition:width .1s linear}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}.tab-content-enter{opacity:0;transform:translate(10px)}.tab-content-enter-active{opacity:1;transform:translate(0);transition:opacity .25s ease,transform .25s ease}.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-6)}.zone-card{padding:var(--space-6);border:1px solid color-mix(in srgb,var(--zc) 30%,var(--color-border));border-radius:var(--radius-xl);background:color-mix(in srgb,var(--zc) 5%,var(--color-surface))}.zone-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.zone-card__name{font-weight:700;font-size:var(--text-base);color:var(--color-text)}.zone-card__algo{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--zc);background:color-mix(in srgb,var(--zc) 12%,transparent);border:1px solid color-mix(in srgb,var(--zc) 25%,transparent);padding:2px 8px;border-radius:var(--radius-full)}.zone-card__desc{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-4)}.zone-card__cities{display:flex;flex-wrap:wrap;gap:var(--space-1)}.zone-city{font-size:var(--text-xs);font-weight:500;color:var(--zc);background:color-mix(in srgb,var(--zc) 10%,transparent);padding:2px 8px;border-radius:var(--radius-full)}.scenarios-tabs{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-10)}.scenario-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:500;color:var(--color-muted);background:var(--color-surface);cursor:pointer;transition:all var(--transition-normal);font-family:inherit}.scenario-tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.scenario-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #23854c4d}.scenario-tab__icon{font-size:1.25rem}.roadmap-module{margin-bottom:var(--space-10)}.roadmap-module h3{margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xl)}.roadmap-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.roadmap-item{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3)}.roadmap-item--progress{border-left:3px solid var(--color-accent)}.roadmap-item--planned{border-left:3px solid var(--color-border-strong);opacity:.8}.roadmap-item__header{display:flex;align-items:center;justify-content:space-between}.roadmap-item__eta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.roadmap-item__title{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin:0}.roadmap-item__desc{font-size:var(--text-sm);color:var(--color-muted);line-height:1.7;margin:0}.contribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-top:var(--space-6)}.contribute-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3)}.contribute-card__icon{font-size:2rem}.contribute-card h4{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin:0}.contribute-card p{font-size:var(--text-sm);color:var(--color-muted);margin:0;flex:1}.contribute-card__link{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;margin-top:auto}.contribute-card__link:hover{text-decoration:underline}.changelog{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6)}.changelog-entry{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.changelog-entry--major{border-left:4px solid var(--color-primary)}.changelog-entry--beta{border-left:4px solid var(--color-accent);opacity:.85}.changelog-entry__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.changelog-entry__version{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.changelog-entry__date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-muted)}.changelog-entry__changes{list-style:disc;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.changelog-entry__changes li{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}.contact-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-10);align-items:start}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-required{color:var(--color-error);margin-left:2px}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.form-input::placeholder{color:var(--color-placeholder)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.form-textarea{resize:vertical;min-height:140px}.contact-submit{align-self:flex-start}.contact-submit.success{background:var(--color-success);border-color:var(--color-success)}.form-error-msg{color:var(--color-error);font-size:var(--text-sm);margin:0}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.contact-sidebar{display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:80px}.contact-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4)}.contact-card h3{font-size:var(--text-base);font-weight:700;margin:0;color:var(--color-text)}.contact-card p{font-size:var(--text-sm);color:var(--color-muted);margin:0}.contact-card--accent{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}.contact-card__tag{display:inline-flex;font-size:var(--text-xs);font-weight:700;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);padding:2px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);width:fit-content}.contact-links{display:flex;flex-direction:column;gap:var(--space-2)}.contact-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.contact-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.agritech-logos{display:flex;flex-wrap:wrap;gap:var(--space-2)}.agritech-badge{font-size:var(--text-xs);font-weight:500;color:var(--color-muted);background:var(--color-surface-3);border:1px solid var(--color-border);padding:3px 10px;border-radius:var(--radius-full)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}.faq-question{padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:600;color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.25rem;color:var(--color-muted);font-weight:300;flex-shrink:0}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-muted);line-height:1.8;margin:0}@media (max-width: 1024px){.contact-layout{grid-template-columns:1fr}.contact-sidebar{position:static}.roadmap-items,.contribute-grid,.zones-grid{grid-template-columns:1fr}}@media (max-width: 768px){.scenarios-tabs{gap:var(--space-2)}.scenario-tab{padding:var(--space-2) var(--space-3)}}