:root{color-scheme:light dark;--bg-page: #f9fafb;--bg-surface: #ffffff;--text-primary: #111827;--text-muted: #6b7280;--border-subtle: #e5e7eb;--accent: #01B1E2;--accent-soft: rgba(1, 177, 226, .12);--accent-text: #017C9E;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 280px;--content-width: 1400px;--radius-md: 8px;--radius-lg: 16px;--space-page-x: 3rem;--space-page-y: 2rem}[data-theme=dark]{--bg-page: #020617;--bg-surface: #020617;--text-primary: #e5e7eb;--text-muted: #9ca3af;--border-subtle: #1f2937;--accent-soft: rgba(1, 177, 226, .18)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh}.page{display:flex;min-height:100vh}.sidebar-container{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;z-index:100;transition:width .3s ease}.sidebar-container.collapsed{width:80px}.sidebar-toggle{position:fixed;top:1.5rem;left:calc(var(--sidebar-width) - 1.5rem - 32px);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:20px;transition:background-color .2s,color .2s;z-index:101}.sidebar-toggle:hover{color:var(--text-primary);background-color:var(--accent-soft)}.sidebar-toggle svg{width:16px;height:16px}.sidebar-logo{position:fixed;top:1.5rem;left:1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;pointer-events:none;z-index:100;transition:none;line-height:1}.sidebar{position:relative;width:100%;height:100vh;padding:1.5rem 1.5rem 0;display:flex;flex-direction:column;background-color:var(--bg-surface);overflow-y:auto}.sidebar.collapsed .sidebar-top>*:not(.sidebar-name),.sidebar.collapsed .sidebar-bottom{opacity:0;pointer-events:none;height:0;overflow:hidden;margin:0;padding:0}.sidebar .sidebar-name{opacity:0;pointer-events:none}.sidebar-top{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start}.sidebar-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:-.5rem;margin-bottom:8rem;letter-spacing:-.01em}.sidebar-subtitle{display:none}.sidebar-nav{list-style:none}.sidebar-nav-item{margin-bottom:0}.sidebar-nav-link{display:block;color:var(--text-primary);text-decoration:none;font-size:.9375rem;padding:.5rem .75rem;transition:background-color .2s;font-weight:500;border-radius:20px}.sidebar-nav-link:hover{color:var(--text-primary);background-color:var(--accent-soft)}.sidebar-nav-link.active{color:var(--text-primary);font-weight:600}.sidebar-item-active{position:relative;color:var(--text-primary);font-weight:500;z-index:1;display:inline-block;width:fit-content}.sidebar-item-active:before{content:"";position:absolute;inset:-2px -6px;border-radius:12px;background:linear-gradient(90deg,#3b3fff8c,#c643808c,#ffc0438c);filter:blur(18px);opacity:.75;z-index:-1}[data-theme=light] .sidebar-item-active:before{opacity:.6}.sidebar-nav-sublink{display:block;color:var(--text-muted);text-decoration:none;font-size:.875rem;padding:.375rem .75rem .375rem 1.25rem;transition:background-color .2s;font-weight:500;border-radius:20px}.sidebar-nav-sublink:hover{color:var(--text-muted);background-color:var(--accent-soft)}.sidebar-nav-sublink.active{color:var(--text-primary);font-weight:600}.sidebar-nav-sublink.sidebar-item-active{position:relative;color:var(--text-primary);font-weight:500;z-index:1;display:inline-block;width:fit-content}.sidebar-bottom{padding-top:2rem;padding-bottom:0;margin-top:auto;margin-bottom:0}.sidebar-secondary-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:3.5rem}.sidebar-icon-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted);text-decoration:none;transition:background-color .2s;position:relative;border-radius:20px}.sidebar-icon-link:hover{color:var(--text-muted);background-color:var(--accent-soft)}.sidebar-icon-link svg{width:20px;height:20px}.icon-filled{stroke-width:2.2}.icon-filled rect{fill:currentColor;stroke:currentColor}.icon-filled path,.icon-filled circle{fill:none!important;stroke:var(--bg-page)!important;stroke-width:2.5!important}@media (min-width: 769px){.sidebar-icon-link:before{content:attr(data-tooltip);position:absolute;left:100%;margin-left:.75rem;padding:.5rem .75rem;background-color:var(--text-primary);color:var(--bg-surface);font-size:.75rem;font-weight:400;white-space:nowrap;border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.sidebar-icon-link:hover:before{opacity:1}[data-theme=dark] .sidebar-icon-link:before{background-color:var(--text-primary);color:var(--bg-page)}}.language-toggle-wrapper{position:relative}.language-toggle-button{appearance:none;background-color:var(--bg-page);border:1px solid var(--border-subtle);border-radius:8px;padding:.5rem .75rem .5rem 2rem;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;min-width:140px;text-align:left}.language-toggle-button:hover{border-color:var(--accent);background-color:var(--accent-soft)}.language-toggle-button:focus{outline:2px solid var(--accent);outline-offset:2px}.language-toggle-text{display:flex;align-items:center;gap:.75rem;flex:1}.language-code{color:var(--text-primary);font-weight:500}.language-name{color:var(--text-muted);font-weight:400}.language-toggle-arrow{width:12px;height:12px;flex-shrink:0;transition:transform .2s}.language-toggle-wrapper:has(.language-toggle-dropdown.open) .language-toggle-arrow{transform:rotate(180deg)}.language-toggle-dropdown{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:.25rem;display:none;flex-direction:column;gap:.125rem;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;z-index:1000;min-width:140px;align-items:flex-start}[data-theme=dark] .language-toggle-dropdown{box-shadow:0 -4px 6px -1px #0000004d,0 -2px 4px -1px #0003}.language-toggle-dropdown.open{display:flex}.language-toggle-option{appearance:none;background:none;border:none;padding:.5rem .75rem;font-size:.875rem;text-align:left;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;color:var(--text-primary);transition:background-color .2s;width:100%}.language-toggle-option:hover,.language-toggle-option.active{background-color:var(--accent-soft)}.language-toggle-option.active .language-code{color:var(--accent);font-weight:600}.language-toggle-option:focus{outline:2px solid var(--accent);outline-offset:-2px}.language-toggle-option .language-code{color:var(--text-primary);font-weight:500}.language-toggle-option .language-name{color:var(--text-muted);font-weight:400}.back-to-top-container{position:fixed;bottom:1.5rem;z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s ease,left .3s ease}.back-to-top-container.visible{opacity:1;pointer-events:auto}.back-to-top-button{width:44px;height:44px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s}.back-to-top-button:hover{background:var(--accent-soft);border-color:var(--accent)}.back-to-top-button svg{width:20px;height:20px;stroke:var(--text-primary);color:var(--text-primary)}@media (max-width: 768px){.back-to-top-container{bottom:1rem}}.theme-toggle{display:inline-flex;background-color:var(--bg-page);border:1px solid var(--border-subtle);border-radius:999px;padding:4px;gap:4px;width:fit-content}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--text-muted);transition:all .2s;padding:0;flex-shrink:0}.theme-toggle-button:hover{color:var(--text-primary)}.theme-toggle-button:focus{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle-button.active{background-color:var(--accent-soft);color:var(--accent)}.theme-toggle-button svg{width:16px;height:16px;stroke-width:2}.content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}body.sidebar-collapsed .content{margin-left:80px}.content-inner{max-width:var(--content-width);width:100%;margin:0 auto;padding:var(--space-page-y) var(--space-page-x);flex:1}.footer{margin-top:auto;padding:2rem var(--space-page-x);border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto}.footer-left{flex:1;min-width:0}.footer-copyright{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left;margin:0 0 .5rem}.footer-links{font-size:.875rem;color:var(--text-muted);text-align:left;margin:0}.footer-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-text)}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}h2{font-size:1.875rem;font-weight:600;line-height:1.3;margin-top:3rem;margin-bottom:1.5rem;color:var(--text-primary)}h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}p{margin-bottom:1rem;color:var(--text-primary)}a{color:var(--accent-text);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-text);text-decoration:underline}ul{list-style:none;margin-bottom:1rem}ul li{margin-bottom:.5rem;padding-left:0}.hero{margin-bottom:6rem;min-height:100vh;padding:var(--space-page-y) 0}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-page-x)}.hero-main{position:sticky;top:var(--space-page-y);align-self:start;height:fit-content}.hero-media{margin-bottom:2rem}.hero-media-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme=dark] .hero-media-placeholder{background:linear-gradient(135deg,#1e3a8a,#7c3aed,#ec4899);background-size:200% 200%}.hero-kicker{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.hero-intro{font-size:1.125rem;line-height:1.7;color:var(--text-primary);margin-bottom:2rem}.hero-actions{display:flex;gap:1.5rem;margin-top:2rem}.btn-primary,.btn-secondary{color:var(--text-primary);text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all .2s;display:inline-block}.btn-primary{background-color:var(--accent);color:#fff}[data-theme=dark] .btn-primary{color:#111827}.btn-primary:hover{background-color:#0199c4;text-decoration:none;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-subtle);background-color:transparent}.btn-secondary:hover{border-color:var(--accent);text-decoration:none;background-color:var(--accent-soft)}.hero-side{display:flex;flex-direction:column;gap:1rem}.hero-card{background-color:var(--bg-surface);border:none;border-radius:0;overflow:hidden;transition:all .2s}.hero-card:hover{box-shadow:0 4px 12px #0000000d}[data-theme=dark] .hero-card:hover{box-shadow:0 4px 12px #0000004d}.hero-card-media{width:100%;aspect-ratio:4 / 5;border-radius:8px;background:linear-gradient(135deg,#f0f9ff,#e0e7ff,#fce7f3);background-size:200% 200%;animation:gradientShift 10s ease infinite}[data-theme=dark] .hero-card-media{background:linear-gradient(135deg,#1e293b,#312e81,#581c87);background-size:200% 200%}.hero-card-body{padding:1.5rem}.hero-card-body h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:0;color:var(--text-primary)}.hero-card-body p{font-size:.9375rem;line-height:1.6;color:var(--text-muted);margin-bottom:0}.overview{margin-bottom:6rem;max-width:var(--content-width);margin-left:auto;margin-right:auto;padding:0 var(--space-page-x)}.overview h2{padding:0}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0}.overview-card{background-color:var(--bg-surface);border:none;border-radius:0;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.overview-card:hover{box-shadow:0 4px 12px #0000000d}[data-theme=dark] .overview-card:hover{box-shadow:0 4px 12px #0000004d}.overview-card-media{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#e0e7ff,#f3e8ff);background-size:200% 200%;animation:gradientShift 12s ease infinite}[data-theme=dark] .overview-card-media{background:linear-gradient(135deg,#1e293b,#312e81,#581c87);background-size:200% 200%}.overview-card-body{padding:2rem}.overview-card-body h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:0;color:var(--text-primary)}.overview-card-body p{font-size:.9375rem;line-height:1.7;color:var(--text-primary);margin-bottom:1rem}.overview-card-body ul{margin-top:1rem}.overview-card-body ul li{font-size:.9375rem;line-height:1.7;color:var(--text-primary);margin-bottom:.75rem}.section{margin-bottom:4rem;max-width:var(--content-width);margin-left:auto;margin-right:auto;padding:0 var(--space-page-x)}.section-intro{font-size:1.125rem;line-height:1.7;color:var(--text-muted);margin-bottom:2rem}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-main{position:relative;top:0}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.content{margin-left:0}.footer{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-copyright,.footer-links{text-align:left}.footer-right{width:100%;justify-content:flex-start}:root{--space-page-x: 1.5rem;--space-page-y: 1.5rem}h1{font-size:2rem}h2{font-size:1.5rem}.hero{min-height:auto;padding:var(--space-page-y) 0}.hero-grid{gap:2rem}.hero-side{gap:1.5rem}.overview-grid{grid-template-columns:1fr;gap:1.5rem}.hero-actions{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%;text-align:center}}