@import"https://fonts.googleapis.com/css2?family=Monoton&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.three-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-background);pointer-events:none}.three-bg:not(:target){display:none}[data-theme=light] #three-bg-light,[data-theme=dark] #three-bg-dark{display:block}.app{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:Figtree,sans-serif}.navigation{position:fixed;top:0;left:0;width:280px;height:100vh;background:rgba(var(--bg-nav-rgb),.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(var(--border-rgb),.2);z-index:var(--z-navigation-drawer);transform:translate(-100%);transition:transform var(--transition-base);padding:1.5rem;overflow-y:auto}.navigation.open{transform:translate(0)}.nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--border-rgb),.2)}.nav-logo{font-family:Monoton,cursive;font-size:1.8rem;color:var(--text-primary);margin:0;letter-spacing:.05em}.nav-toggle{position:fixed;top:1.5rem;left:1.5rem;z-index:var(--z-navigation-button);width:44px;height:44px;background:rgba(var(--bg-nav-rgb),.2);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-rgb),.3);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all var(--transition-base)}.nav-toggle:hover{background:rgba(var(--bg-nav-rgb),.3);transform:scale(1.05)}.nav-toggle span{width:18px;height:2px;background:var(--text-primary);border-radius:1px;transition:all var(--transition-base)}.navigation.open .nav-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navigation.open .nav-toggle span:nth-child(2){opacity:0}.navigation.open .nav-toggle span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-menu{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all var(--transition-base);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.1),transparent);transition:left var(--transition-base)}.nav-link:hover:before{left:100%}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:rgba(var(--accent-rgb),.1);transform:translate(8px)}.nav-link.active{background:rgba(var(--accent-rgb),.15);border-left:3px solid var(--accent-primary)}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.nav-text{font-weight:500;font-size:.95rem}.content-panel{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:var(--z-content);pointer-events:none;opacity:0;transform:translate(100%);transition:all var(--transition-base)}.content-panel.active{opacity:1;transform:translate(0);pointer-events:auto}.panel-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--bg-panel-rgb),.1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.panel-content{position:relative;width:100%;height:100%;padding:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.3) transparent}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.3);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.5)}.content-container{width:100%;max-width:none;margin:0;background:rgba(var(--bg-content-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:3rem 4rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.1)}.panel-close{position:absolute;top:2rem;right:2rem;width:44px;height:44px;background:rgba(var(--bg-danger-rgb),.2);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-rgb),.3);border-radius:50%;color:var(--text-primary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:10}.panel-close:hover{background:rgba(var(--bg-danger-rgb),.3);transform:scale(1.1) rotate(90deg)}.controls{position:fixed;top:2rem;right:2rem;z-index:var(--z-controls);display:flex;flex-direction:column;gap:1rem}.control-group{display:flex;gap:.5rem;background:rgba(var(--bg-nav-rgb),.15);backdrop-filter:blur(15px);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:.5rem}.control-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(var(--border-rgb),.3);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.control-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--text-primary);transform:translateY(-1px)}.control-btn[aria-pressed=true]{background:rgba(var(--accent-rgb),.2);color:var(--accent-primary);border-color:rgba(var(--accent-rgb),.4)}.route-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:var(--z-emergency);opacity:0;transition:opacity var(--transition-fast)}.route-loader.loading{opacity:1}.loader-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,rgba(var(--accent-rgb),.6) 50%,var(--accent-primary) 100%);transform:translate(-100%);animation:slideProgress 1.5s infinite}@keyframes slideProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--accent-rgb),.3);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-container h1{font-family:Monoton,cursive;font-size:clamp(2rem,5vw,3.5rem);color:var(--text-primary);margin-bottom:1.5rem;text-align:center;letter-spacing:.05em}.content-container h2{font-family:Monoton,cursive;font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary);margin:2rem 0 1rem;letter-spacing:.05em}.content-container p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.content-container .lead{font-size:1.25rem;color:var(--text-primary);text-align:center;margin-bottom:2rem;font-weight:500}@media (max-width: 768px){.navigation{width:100vw}.panel-content{padding:4rem 1rem 1rem}.content-container{padding:2rem 1.5rem;margin:0}.controls{top:1rem;right:1rem;scale:.9}.nav-toggle{top:1rem;left:1rem}}.content-enter{opacity:0;transform:translateY(20px)}.content-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-base)}.content-exit{opacity:1;transform:translateY(0)}.content-exit-active{opacity:0;transform:translateY(-20px);transition:all var(--transition-base)}.intro-section,.about-intro{margin:2rem 0 3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.methodology-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:2rem;transition:all var(--transition-base)}.methodology-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:3rem 0}.service-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:2rem;transition:all var(--transition-base)}.service-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.service-icon{font-size:2rem;background:rgba(var(--accent-rgb),.1);padding:.75rem;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.2)}.feature-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:2rem;transition:all var(--transition-base)}.feature-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.feature-card h3{font-family:Figtree,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-card p{color:var(--text-primary);line-height:1.6;margin:0;opacity:.9}[data-theme=dark] .feature-card{background:rgba(30,41,59,.15);border-color:rgba(148,163,184,.3)}[data-theme=dark] .feature-card:hover{background:rgba(30,41,59,.25);border-color:rgba(148,163,184,.5)}[data-theme=dark] .feature-card p{color:#e2e8f0;opacity:1}[data-theme=dark] .feature-card h3{color:#f1f5f9}:root:not(.dark) .feature-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.3);box-shadow:0 2px 8px rgba(0,0,0,.08)}:root:not(.dark) .feature-card:hover{background:#fff;border-color:rgba(33,37,41,.3);box-shadow:0 4px 16px rgba(0,0,0,.12)}:root:not(.dark) .feature-card p{color:#495057;opacity:1}:root:not(.dark) .feature-card h3{color:#212529}.cta-section{text-align:center;margin:4rem 0 2rem;padding:2rem;background:rgba(var(--accent-rgb),.05);border-radius:16px;border:1px solid rgba(var(--accent-rgb),.2)}.cta-button{background:rgba(var(--accent-rgb),.2);border:2px solid rgba(var(--accent-rgb),.4);color:var(--text-primary);padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:1rem}.cta-button:hover{background:rgba(var(--accent-rgb),.3);border-color:rgba(var(--accent-rgb),.6);transform:translateY(-2px)}:root:not(.dark) .cta-button{background:#212529;border-color:#212529;color:#fff}:root:not(.dark) .cta-button:hover{background:#495057;border-color:#495057;color:#fff}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin:3rem 0}.stat-item{text-align:center;padding:1.5rem;background:rgba(var(--bg-content-rgb),.03);border-radius:12px;border:1px solid rgba(var(--border-rgb),.2)}.stat-item h3{font-family:Monoton,cursive;font-size:2.5rem;color:var(--accent-primary);margin:0 0 .5rem;letter-spacing:.05em}.stat-item p{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:500}[data-theme=dark] .stat-item p{color:#e2e8f0}:root:not(.dark) .stat-item{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .stat-item:hover{background:#fff;border-color:rgba(108,117,125,.3)}:root:not(.dark) .stat-item p{color:#495057}:root:not(.dark) .stat-item h3{color:#212529}.values-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.value-item{padding:1.5rem;background:rgba(var(--bg-content-rgb),.03);border-radius:12px;border:1px solid rgba(var(--border-rgb),.2)}.value-item h3{font-family:Figtree,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.value-item p{color:var(--text-secondary);line-height:1.6;margin:0}[data-theme=dark] .value-item p{color:#e2e8f0}[data-theme=dark] .value-item h3{color:#f1f5f9}:root:not(.dark) .value-item{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .value-item:hover{background:#fff;border-color:rgba(108,117,125,.3)}:root:not(.dark) .value-item p{color:#495057}:root:not(.dark) .value-item h3{color:#212529}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin:3rem 0;padding:0}.capability-card{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.capability-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.6),rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),.6));opacity:0;transition:opacity .3s ease}.capability-card:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--accent-rgb),.4);transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1)}.capability-card:hover:before{opacity:1}.capability-card:focus{outline:none;border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2),0 12px 40px rgba(0,0,0,.15)}.capability-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.capability-icon{font-size:2.5rem;background:rgba(var(--accent-rgb),.1);padding:1rem;border-radius:16px;border:2px solid rgba(var(--accent-rgb),.2);transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem}.capability-card:hover .capability-icon{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.4);transform:scale(1.05)}.capability-header h3{font-family:Figtree,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.capability-content{margin-left:0}.capability-content p{font-family:Figtree,sans-serif;font-size:1rem;line-height:1.7;color:var(--text-primary);margin:0;opacity:.9}[data-theme=dark] .capability-card{background:rgba(30,41,59,.2);border-color:rgba(148,163,184,.3);box-shadow:0 4px 20px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1)}[data-theme=dark] .capability-card:hover{background:rgba(30,41,59,.35);border-color:rgba(59,130,246,.5);box-shadow:0 12px 40px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2)}[data-theme=dark] .capability-card:before{background:linear-gradient(90deg,rgba(59,130,246,.6),rgba(59,130,246,.8),rgba(59,130,246,.6))}[data-theme=dark] .capability-header h3{color:#f1f5f9}[data-theme=dark] .capability-content p{color:#e2e8f0;opacity:1}[data-theme=dark] .capability-icon{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3)}[data-theme=dark] .capability-card:hover .capability-icon{background:rgba(59,130,246,.25);border-color:rgba(59,130,246,.5)}:root:not(.dark) .capability-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .capability-card:hover{background:#fff;border-color:rgba(33,37,41,.3);box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.1)}:root:not(.dark) .capability-card:before{background:linear-gradient(90deg,rgba(33,37,41,.6),rgba(33,37,41,.8),rgba(33,37,41,.6))}:root:not(.dark) .capability-header h3{color:#212529}:root:not(.dark) .capability-content p{color:#495057;opacity:1}:root:not(.dark) .capability-icon{background:rgba(33,37,41,.08);border-color:rgba(33,37,41,.15)}:root:not(.dark) .capability-card:hover .capability-icon{background:rgba(33,37,41,.12);border-color:rgba(33,37,41,.25)}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:2rem 0}.approach-item{background:rgba(var(--bg-content-rgb),.04);border:2px solid rgba(var(--border-rgb),.15);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.approach-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05)}.approach-icon{font-size:2rem;margin-bottom:1rem;display:block}.approach-item h3{font-family:Figtree,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.approach-item p{font-family:Figtree,sans-serif;font-size:.95rem;line-height:1.6;color:var(--text-primary);margin:0;opacity:.85}[data-theme=dark] .approach-item{background:rgba(30,41,59,.15);border-color:rgba(148,163,184,.2)}[data-theme=dark] .approach-item:hover{background:rgba(30,41,59,.25);border-color:rgba(59,130,246,.4)}[data-theme=dark] .approach-item h3{color:#f1f5f9}[data-theme=dark] .approach-item p{color:#e2e8f0;opacity:1}:root:not(.dark) .approach-item{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .approach-item:hover{background:#fff;border-color:rgba(33,37,41,.25)}:root:not(.dark) .approach-item h3{color:#212529}:root:not(.dark) .approach-item p{color:#495057;opacity:1}@media (max-width: 768px){.capabilities-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}.capability-card{padding:1.5rem}.capability-header{gap:1rem;margin-bottom:1rem}.capability-icon{width:3.5rem;height:3.5rem;font-size:2rem;padding:.75rem}.capability-header h3{font-size:1.2rem}.capability-content p{font-size:.95rem}.approach-grid{grid-template-columns:1fr;gap:1.5rem}.approach-item{padding:1.25rem}}@media (max-width: 480px){.capabilities-grid{gap:1rem;margin:1.5rem 0}.capability-card{padding:1.25rem;border-radius:12px}.capability-header{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.capability-icon{width:3rem;height:3rem;font-size:1.75rem}.capability-header h3{font-size:1.1rem}.capability-content p{font-size:.9rem;text-align:center}.approach-item{padding:1rem}.approach-item h3{font-size:1.1rem}.approach-item p{font-size:.9rem}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.service-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:2.5rem;transition:all var(--transition-base)}.service-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-6px)}.service-icon{font-size:3rem;text-align:center;margin-bottom:1.5rem}.service-card h3{font-family:Figtree,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.service-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.service-card ul{list-style:none;padding:0;margin:0}.service-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.95rem}.service-card li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.products-content{margin:0}.products-showcase{margin:3rem 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.product-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:2rem;transition:all var(--transition-base);position:relative;overflow:hidden}.product-card.featured{border:2px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.05)}.product-card.coming-soon{opacity:.8;border-style:dashed}.product-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-3px)}.product-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.product-icon{font-size:2.5rem;flex-shrink:0}.product-title h2{font-family:Figtree,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.product-badge{display:inline-block;background:rgba(var(--accent-rgb),.2);color:var(--accent-primary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.product-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.highlight{background:rgba(var(--accent-rgb),.1);padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-primary)}.product-specs{margin-bottom:1.5rem}.product-specs h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:rgba(var(--bg-secondary-rgb),.8);color:var(--text-primary);padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(var(--border-rgb),.3)}.product-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:auto}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all var(--transition-base);cursor:pointer;border:none;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background:rgba(var(--bg-secondary-rgb),.8);color:var(--text-primary);border:1px solid rgba(var(--border-rgb),.3)}.btn-secondary:hover{background:rgba(var(--bg-secondary-rgb),1);border-color:rgba(var(--accent-rgb),.4)}.product-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--border-rgb),.2)}.specs-section{margin-bottom:1.5rem}.specs-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.specs-section ul{list-style:none;padding:0;margin:0}.specs-section li{padding:.5rem 0;border-bottom:1px solid rgba(var(--border-rgb),.1);color:var(--text-secondary)}.specs-section li:before{content:"▸ ";color:var(--accent-primary);font-weight:700}.products-footer{margin:4rem 0 2rem;padding:3rem 0;border-top:2px solid rgba(var(--border-rgb),.2)}.products-footer h2{font-family:Figtree,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.value-prop{text-align:center;padding:1.5rem}.value-prop h3{font-family:Figtree,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.value-prop p{color:var(--text-secondary);line-height:1.6}:root:not(.dark) .product-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.3);box-shadow:0 4px 12px rgba(0,0,0,.08)}:root:not(.dark) .product-card:hover{background:#fff;border-color:rgba(33,37,41,.4);box-shadow:0 8px 24px rgba(0,0,0,.12)}:root:not(.dark) .product-card.featured{background:rgba(255,255,255,.98);border-color:rgba(33,37,41,.5);box-shadow:0 6px 20px rgba(0,0,0,.1)}:root:not(.dark) .product-card.featured:hover{border-color:rgba(33,37,41,.7);box-shadow:0 12px 32px rgba(0,0,0,.15)}:root:not(.dark) .product-title h2{color:#212529}:root:not(.dark) .product-description{color:#495057}:root:not(.dark) .product-badge{background:#212529;color:#fff}:root:not(.dark) .highlight{background:rgba(248,249,250,.8);border:1px solid rgba(108,117,125,.2);color:#495057}:root:not(.dark) .product-specs h4{color:#212529}:root:not(.dark) .tech-tag{background:#e9ecef;color:#495057;border:1px solid rgba(108,117,125,.2)}:root:not(.dark) .product-actions .btn-primary{background:#212529;border-color:#212529;color:#fff}:root:not(.dark) .product-actions .btn-primary:hover{background:#495057;border-color:#495057}:root:not(.dark) .value-prop{background:rgba(255,255,255,.9);border:1px solid rgba(108,117,125,.2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}:root:not(.dark) .value-prop:hover{background:#fff;border-color:rgba(33,37,41,.3);box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}:root:not(.dark) .value-prop h3{color:#212529}:root:not(.dark) .value-prop p{color:#495057}:root:not(.dark) .products-footer h2{color:#212529}.about-section h2:last-of-type{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:1.5rem 2rem;margin:3rem 0 2rem;position:relative;overflow:hidden}.about-section h2:last-of-type:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.6),rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),.6))}:root:not(.dark) .about-section h2:last-of-type{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.3);color:#212529;box-shadow:0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .about-section h2:last-of-type:before{background:linear-gradient(90deg,rgba(33,37,41,.6),rgba(33,37,41,.8),rgba(33,37,41,.6))}[data-theme=dark] .about-section h2:last-of-type{background:rgba(30,41,59,.2);border-color:rgba(148,163,184,.3);color:#f1f5f9;box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .about-section h2:last-of-type:before{background:linear-gradient(90deg,rgba(59,130,246,.6),rgba(59,130,246,.8),rgba(59,130,246,.6))}.about-section h2:last-of-type+p{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.15);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.about-section h2:last-of-type+p+p{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.15);border-radius:8px;padding:1.5rem;margin:1.5rem 0}:root:not(.dark) .about-section h2:last-of-type+p,:root:not(.dark) .about-section h2:last-of-type+p+p{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2);color:#495057;box-shadow:0 1px 4px rgba(0,0,0,.04)}[data-theme=dark] .about-section h2:last-of-type+p,[data-theme=dark] .about-section h2:last-of-type+p+p{background:rgba(30,41,59,.15);border-color:rgba(148,163,184,.2);color:#e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.1)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0}.contact-info h2{margin-bottom:1.5rem}.contact-methods{margin-top:2rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:rgba(var(--bg-content-rgb),.03);border-radius:12px;border:1px solid rgba(var(--border-rgb),.2)}.contact-icon{font-size:1.5rem;width:2.5rem;text-align:center;flex-shrink:0}.contact-details h3{font-family:Figtree,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.contact-details p{margin:0 0 .25rem;color:var(--text-secondary);font-size:.95rem}.contact-details p:last-child{font-size:.85rem;opacity:.8}.contact-method--gif{padding:0;overflow:hidden;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.contact-gif{width:100%;height:100%;object-fit:cover;border-radius:11px;display:block}@media (max-width: 768px){.contact-method--gif{min-height:150px}}@media (max-width: 480px){.contact-method--gif{min-height:120px}}[data-theme=dark] .contact-method--gif{background:rgba(30,41,59,.15);border-color:rgba(148,163,184,.3)}[data-theme=dark] .contact-method--gif:hover{border-color:rgba(59,130,246,.4)}:root:not(.dark) .contact-method--gif{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.25)}:root:not(.dark) .contact-method--gif:hover{border-color:rgba(33,37,41,.3)}:root:not(.dark) .contact-content{color:#212529}:root:not(.dark) .contact-content h1{color:#212529}:root:not(.dark) .contact-content h2{color:#212529}:root:not(.dark) .contact-content p{color:#495057}:root:not(.dark) .contact-content .lead{color:#495057}:root:not(.dark) .contact-method{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .contact-method:hover{background:#fff;border-color:rgba(33,37,41,.3);box-shadow:0 4px 16px rgba(0,0,0,.1)}:root:not(.dark) .contact-details h3{color:#212529}:root:not(.dark) .contact-details p{color:#495057}:root:not(.dark) .contact-details p:last-child{color:#6c757d;opacity:1}.form{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:rgba(var(--bg-content-rgb),.05);border:1px solid rgba(var(--border-rgb),.3);border-radius:6px;color:var(--text-primary);font-family:Figtree,sans-serif;font-size:.95rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--bg-content-rgb),.08)}.form-group textarea{resize:vertical;min-height:120px}.error-message{color:var(--danger);font-size:.85rem;margin-top:.25rem;display:none}.error-message.visible{display:block}.submit-button{background:rgba(var(--accent-rgb),.2);border:2px solid rgba(var(--accent-rgb),.4);color:var(--text-primary);padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);width:100%;position:relative}.submit-button:hover{background:rgba(var(--accent-rgb),.3);border-color:rgba(var(--accent-rgb),.6)}.submit-button:disabled{opacity:.6;cursor:not-allowed}:root:not(.dark) .form{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .form-group label{color:#212529}:root:not(.dark) .form-group input,:root:not(.dark) .form-group select,:root:not(.dark) .form-group textarea{background:#fff;border-color:rgba(108,117,125,.3);color:#212529}:root:not(.dark) .form-group input::placeholder,:root:not(.dark) .form-group textarea::placeholder{color:#6c757d;opacity:1}:root:not(.dark) .form-group input:focus,:root:not(.dark) .form-group select:focus,:root:not(.dark) .form-group textarea:focus{border-color:#495057;background:#fff;box-shadow:0 0 0 3px rgba(33,37,41,.1)}:root:not(.dark) .submit-button{background:#212529;border-color:#212529;color:#fff}:root:not(.dark) .submit-button:hover{background:#495057;border-color:#495057;color:#fff}:root:not(.dark) .submit-button:disabled{background:#6c757d;border-color:#6c757d;color:#fff;opacity:.6}:root:not(.dark) .contact-section h1,:root:not(.dark) .contact-section h2,:root:not(.dark) .contact-section h3,:root:not(.dark) .contact-section h4,:root:not(.dark) .contact-section h5,:root:not(.dark) .contact-section h6{color:#212529!important}:root:not(.dark) .contact-section p,:root:not(.dark) .contact-section span,:root:not(.dark) .contact-section div:not(.contact-icon){color:#495057!important}:root:not(.dark) .contact-section .lead{color:#495057!important}:root:not(.dark) .contact-form h2{color:#212529!important}:root:not(.dark) .contact-info h2{color:#212529!important}:root:not(.dark) .contact-info p{color:#495057!important}:root:not(.dark) .contact-content *{color:inherit}:root:not(.dark) .contact-content *[style*="color: white"],:root:not(.dark) .contact-content *[style*="color: #fff"],:root:not(.dark) .contact-content *[style*="color: #ffffff"]{color:#212529!important}.button-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.not-found,.error-page{text-align:center;padding:4rem 2rem}.not-found h1,.error-page h1{font-size:6rem;margin-bottom:1rem}@media (max-width: 768px){.feature-grid,.services-grid{grid-template-columns:1fr}.stats-section{grid-template-columns:repeat(2,1fr)}.values-section{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:2rem}.solution-items{grid-template-columns:1fr}.service-card,.solution-item{padding:1.5rem}.content-container{padding:2rem 1.5rem}}@media (max-width: 480px){.stats-section{grid-template-columns:1fr}.feature-card,.service-card,.solution-item{padding:1.25rem}.content-container h1{font-size:2rem}.content-container h2{font-size:1.5rem}}.difference-section,.leadership-section,.platform-showcase,.custom-solutions{margin:4rem 0;padding:2rem 0;border-top:1px solid rgba(var(--border-rgb),.1)}.difference-section:first-child,.leadership-section:first-child,.platform-showcase:first-child{border-top:none;padding-top:0}.platform-features{margin:3rem 0}.feature-item{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:1.5rem;transition:all var(--transition-base)}.feature-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.feature-item h4{font-family:Figtree,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.solution-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.benefit-item{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:1.5rem;transition:all var(--transition-base)}.benefit-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.benefit-item h4{font-family:Figtree,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.access-section{text-align:center;margin:3rem 0;padding:2rem;background:rgba(var(--accent-rgb),.05);border-radius:12px;border:1px solid rgba(var(--accent-rgb),.2)}.access-note{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.top-navigation{position:fixed;top:0;left:0;right:0;z-index:var(--z-navigation-drawer);background:rgba(var(--bg-nav-rgb),.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--border-rgb),.2);transition:all var(--transition-base)}:root.dark .top-navigation,[data-theme=dark] .top-navigation{background:rgba(var(--bg-nav-rgb),.15);border-bottom:1px solid rgba(var(--border-rgb),.2)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;max-width:1400px;margin:0 auto}.nav-brand{display:flex;flex-direction:column;align-items:flex-start}.brand-logo{font-family:Open Sans,sans-serif;font-weight:800;font-size:1.5rem;color:var(--text-inverse);margin:0;letter-spacing:.1em;line-height:1;text-transform:uppercase}:root.dark .brand-logo,[data-theme=dark] .brand-logo{color:#fff}.brand-tagline{font-family:Open Sans,sans-serif;font-size:.75rem;color:var(--text-secondary);font-weight:400;margin-top:.15rem;letter-spacing:.15em;text-transform:uppercase}:root.dark .brand-tagline,[data-theme=dark] .brand-tagline{color:#3b82f6}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--text-secondary);text-decoration:none;border-radius:0;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:Open Sans,sans-serif;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.1),transparent);transition:left var(--transition-base)}.nav-item:hover:before{left:100%}.nav-item:hover,.nav-item.active{color:var(--text-inverse);background:var(--accent-subtle);transform:none}.nav-item.active{background:var(--accent-subtle);border-bottom:2px solid var(--text-inverse)}:root.dark .nav-item,[data-theme=dark] .nav-item{color:#3b82f6;border-radius:8px}:root.dark .nav-item:hover,[data-theme=dark] .nav-item:hover{color:#60a5fa;background:var(--accent-subtle)}:root.dark .nav-item.active,[data-theme=dark] .nav-item.active{color:#60a5fa;background:var(--accent-subtle);border-bottom:2px solid #3b82f6}.nav-item .nav-icon{display:none}.nav-item .nav-label{font-family:Open Sans,sans-serif;font-size:.95rem;font-weight:600;color:inherit;text-transform:uppercase;letter-spacing:.05em}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-controls-toggle{background:var(--accent-subtle);border:1px solid var(--border-default);border-radius:6px;color:var(--text-inverse);padding:.75rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.nav-controls-toggle:hover{background:var(--accent-hover);color:var(--text-primary);transform:scale(1.05)}:root.dark .nav-controls-toggle,[data-theme=dark] .nav-controls-toggle{background:var(--accent-subtle);border:1px solid var(--border-default);color:#3b82f6}:root.dark .nav-controls-toggle:hover,[data-theme=dark] .nav-controls-toggle:hover{background:var(--accent-hover);color:#60a5fa}.controls-icon{font-size:1.1rem}.nav-menu-toggle{display:none;background:var(--accent-subtle);border:1px solid var(--border-default);border-radius:6px;color:var(--text-inverse);padding:.75rem;cursor:pointer;transition:all var(--transition-base);min-width:44px;min-height:44px}.nav-menu-toggle:hover{background:var(--accent-hover);color:var(--text-primary);transform:scale(1.05)}:root.dark .nav-menu-toggle,[data-theme=dark] .nav-menu-toggle{background:var(--accent-subtle);border:1px solid var(--border-default);color:#3b82f6}:root.dark .nav-menu-toggle:hover,[data-theme=dark] .nav-menu-toggle:hover{background:var(--accent-hover);color:#60a5fa}.menu-icon{font-size:1.2rem;font-weight:700}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:var(--z-emergency);opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:rgba(var(--bg-nav-rgb),.95);backdrop-filter:blur(20px);border:1px solid rgba(var(--border-rgb),.3);border-radius:16px;padding:2rem;transition:all var(--transition-base)}:root.dark .mobile-nav-content,[data-theme=dark] .mobile-nav-content{background:rgba(var(--bg-nav-rgb),.95);border:1px solid rgba(var(--border-rgb),.3)}.mobile-nav-overlay:not(.active) .mobile-nav-content{transform:translate(-50%,-50%) scale(.8)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--border-rgb),.2)}.mobile-nav-header h2{font-family:Figtree,sans-serif;font-size:1.5rem;color:var(--text-primary);margin:0}.mobile-nav-close{background:rgba(var(--bg-danger-rgb),.2);border:1px solid rgba(var(--border-rgb),.3);border-radius:50%;color:var(--text-primary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all var(--transition-base)}.mobile-nav-close:hover{background:rgba(var(--bg-danger-rgb),.3);transform:scale(1.1) rotate(90deg)}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all var(--transition-base);border:1px solid transparent}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--text-primary);background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);transform:translate(8px)}:root.dark .mobile-nav-item,[data-theme=dark] .mobile-nav-item{color:#3b82f6;border:1px solid transparent}:root.dark .mobile-nav-item:hover,:root.dark .mobile-nav-item.active,[data-theme=dark] .mobile-nav-item:hover,[data-theme=dark] .mobile-nav-item.active{color:#60a5fa;background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3)}.mobile-nav-item .nav-icon{font-size:1.5rem;width:32px;text-align:center;flex-shrink:0}.mobile-nav-item .nav-label{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.mobile-nav-item .nav-description{font-size:.85rem;color:var(--text-muted);margin:0}.mobile-nav-item>div{display:flex;flex-direction:column}.breadcrumb{position:fixed;top:60px;left:0;right:0;z-index:var(--z-navigation-overlay);background:rgba(var(--bg-nav-rgb),.1);backdrop-filter:blur(15px);border-bottom:1px solid rgba(var(--border-rgb),.1);padding:.75rem 0;transform:translateY(-100%);transition:all var(--transition-base)}:root.dark .breadcrumb,[data-theme=dark] .breadcrumb{background:rgba(var(--bg-nav-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1)}.breadcrumb.visible{transform:translateY(0)}.breadcrumb-container{max-width:1400px;margin:0 auto;padding:0 2rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:400}.breadcrumb-icon{font-size:1rem;color:var(--text-inverse)}.breadcrumb-text{color:var(--text-inverse);font-family:Open Sans,sans-serif;font-weight:600}:root.dark .breadcrumb-item,[data-theme=dark] .breadcrumb-item{color:var(--text-secondary)}:root.dark .breadcrumb-icon,[data-theme=dark] .breadcrumb-icon{color:#3b82f6}:root.dark .breadcrumb-text,[data-theme=dark] .breadcrumb-text{color:#3b82f6;font-weight:600}.content-panel{margin-top:60px}.content-panel.with-breadcrumb{margin-top:115px}@media (max-width: 768px){.nav-links{display:none}.nav-menu-toggle{display:flex}.nav-actions{gap:1rem}.nav-controls-toggle,.nav-menu-toggle{padding:.75rem;min-width:48px;min-height:48px}.controls-icon,.menu-icon{font-size:1.1rem}.nav-container{padding:.75rem 1rem}.brand-logo{font-size:1.3rem}.breadcrumb-container{padding:0 1rem}.content-panel{margin-top:55px}.content-panel.with-breadcrumb{margin-top:105px}}@media (max-width: 480px){.nav-container{padding:.5rem .75rem}.nav-actions{gap:.75rem}.nav-controls-toggle,.nav-menu-toggle{padding:.625rem;min-width:44px;min-height:44px}.brand-logo{font-size:1.1rem}.brand-tagline{font-size:.65rem}.mobile-nav-content{width:95%;padding:1.5rem}.content-panel{margin-top:50px}.content-panel.with-breadcrumb{margin-top:95px}}.nav-item{animation:navItemSlideIn .3s ease-out}@keyframes navItemSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-item{animation:mobileNavItemSlideIn .4s ease-out}@keyframes mobileNavItemSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-item:focus,.mobile-nav-item:focus,.nav-menu-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast: high){.top-navigation{background:var(--bg-primary);border-bottom:2px solid var(--text-primary)}.nav-item:hover,.nav-item.active{background:var(--text-primary);color:var(--bg-primary)}}.enhanced-controls{position:fixed;bottom:2rem;right:2rem;z-index:var(--z-controls);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base)}.enhanced-controls.expanded{opacity:1;visibility:visible;transform:translateY(0)}.controls-container{display:flex;flex-direction:column;gap:.75rem;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1rem;box-shadow:0 8px 32px rgba(0,0,0,.2)}.control-item{display:flex;align-items:center;gap:.75rem;position:relative}.control-btn{width:40px;height:40px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-base)}.control-btn:hover:before{left:100%}.control-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.control-btn:active{transform:translateY(0)}.control-icon{font-size:1.25rem;transition:transform var(--transition-fast)}.control-btn:hover .control-icon{transform:scale(1.1)}.control-helper-text{font-family:Open Sans,sans-serif;font-size:.85rem;font-weight:500;color:rgba(255,255,255,.9);background:rgba(255,255,255,.1);padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-10px);transition:all var(--transition-base);min-width:100px;text-align:center}.control-item:hover .control-helper-text,.control-btn:focus+.control-helper-text{opacity:1;visibility:visible;transform:translate(0)}.control-btn.active{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 2px rgba(255,255,255,.3)}.theme-control[data-theme=light] .theme-icon:before{content:"☀️"}.theme-control[data-theme=dark] .theme-icon:before{content:"🌙"}.theme-control.active{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.4)}.motion-control[aria-pressed=true]{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4)}.motion-control[aria-pressed=false]{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.motion-control[aria-pressed=false] .motion-icon:before{content:"⏸️"}.sound-control.active{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}.sound-control[aria-pressed=false] .sound-icon:before{content:"🔇"}.control-btn:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-family:Open Sans,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);pointer-events:none;z-index:1000}.control-btn:hover:after{opacity:1;visibility:visible}@keyframes controlPulse{0%,to{box-shadow:0 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}.control-btn.pulse{animation:controlPulse 2s infinite}@keyframes slideInControl{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.control-item{animation:slideInControl .3s ease-out}.control-item:nth-child(2){animation-delay:.1s}.control-item:nth-child(3){animation-delay:.2s}@media (max-width: 768px){.enhanced-controls{bottom:1rem;right:1rem}.controls-container{padding:.75rem;gap:.5rem}.control-btn{width:36px;height:36px}.control-icon{font-size:1.1rem}.control-helper-text{font-size:.8rem;padding:.4rem .6rem;min-width:80px}}@media (max-width: 480px){.enhanced-controls{bottom:.5rem;right:.5rem}.controls-container{padding:.5rem;gap:.4rem}.control-btn{width:32px;height:32px}.control-icon{font-size:1rem}.control-helper-text{font-size:.75rem;padding:.3rem .5rem;min-width:70px}.control-helper-text{display:none}}@media (prefers-contrast: high){.controls-container,.control-btn{background:#000;border:2px solid #ffffff}.control-btn:hover,.control-btn.active{background:#fff;color:#000}.control-helper-text{background:#000;border:1px solid #ffffff}}.control-btn:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (prefers-reduced-motion: reduce){.enhanced-controls,.control-btn,.control-helper-text,.control-icon{transition:none}.control-item,.control-btn.pulse{animation:none}.control-btn:before{display:none}}.mobile-menu-btn{position:fixed;top:1rem;left:1rem;z-index:var(--z-navigation-button);width:3rem;height:3rem;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:8px;transition:all var(--transition-base);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root:not(.dark) .mobile-menu-btn{background:rgba(255,255,255,.85);box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid rgba(229,231,235,.3)}:root.dark .mobile-menu-btn,[data-theme=dark] .mobile-menu-btn{background:rgba(30,41,59,.9);box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(148,163,184,.2)}.mobile-menu-btn:hover{transform:scale(1.05)}:root:not(.dark) .mobile-menu-btn:hover{background:rgba(255,255,255,.95);box-shadow:0 6px 16px rgba(0,0,0,.1)}:root.dark .mobile-menu-btn:hover,[data-theme=dark] .mobile-menu-btn:hover{background:rgba(51,65,85,.95);box-shadow:0 6px 16px rgba(0,0,0,.3)}.hamburger-line{width:1.5rem;height:2px;background:var(--text-primary);border-radius:1px;transition:all var(--transition-base)}.nav-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:var(--z-navigation-drawer);display:flex;flex-direction:column;transition:all var(--transition-base);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translate(-100%);opacity:0;visibility:hidden}:root:not(.dark) .nav-drawer{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9),rgba(241,245,249,.95));box-shadow:0 8px 32px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04);border-right:1px solid rgba(229,231,235,.3)}:root.dark .nav-drawer,[data-theme=dark] .nav-drawer{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95),rgba(51,65,85,.98));box-shadow:0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);border-right:1px solid rgba(148,163,184,.2)}.nav-drawer.open{transform:translate(0);opacity:1;visibility:visible}.nav-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid var(--border-default);position:relative}:root:not(.dark) .nav-header{border-bottom-color:rgba(229,231,235,.3)}:root.dark .nav-header,[data-theme=dark] .nav-header{border-bottom-color:rgba(148,163,184,.2)}.nav-title{font-family:Montserrat,InterVariable,system-ui,sans-serif;font-weight:800;font-size:1.5rem;color:var(--accent-primary);margin:0;letter-spacing:-.02em}:root:not(.dark) .nav-title{text-shadow:0 1px 2px rgba(255,255,255,.8)}:root.dark .nav-title,[data-theme=dark] .nav-title{text-shadow:0 1px 3px rgba(0,0,0,.5)}.nav-content{flex:1;padding:1rem 0;overflow-y:auto}.nav-list{list-style:none;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:var(--step-0);transition:all var(--transition-base);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--accent-primary);transform:scaleY(0);transition:transform var(--transition-base);transform-origin:bottom}.nav-link:hover:before,.nav-link.active:before{transform:scaleY(1)}:root:not(.dark) .nav-link:hover{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(255,255,255,.5));color:var(--accent-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root.dark .nav-link:hover,[data-theme=dark] .nav-link:hover{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(30,41,59,.5));color:var(--accent-primary)}.nav-link.active{color:var(--accent-primary);font-weight:600}:root:not(.dark) .nav-link.active{background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(255,255,255,.6))}:root.dark .nav-link.active,[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(30,41,59,.6))}.nav-icon{width:20px;height:20px;stroke:currentColor;transition:all var(--transition-base)}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-text{flex:1;transition:all var(--transition-base)}.nav-accent{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);opacity:0;transform:scale(0);transition:all var(--transition-base)}.nav-link:hover .nav-accent,.nav-link.active .nav-accent{opacity:1;transform:scale(1)}.nav-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-default);margin-top:auto}:root:not(.dark) .nav-footer{border-top-color:rgba(229,231,235,.3)}:root.dark .nav-footer,[data-theme=dark] .nav-footer{border-top-color:rgba(148,163,184,.2)}.theme-controls{display:flex;gap:.5rem;margin-bottom:1rem}.theme-toggle{flex:1;padding:.5rem;border:1px solid var(--border-default);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.theme-toggle:hover,.theme-toggle.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.nav-progress{height:3px;background:var(--bg-muted);border-radius:1.5px;overflow:hidden}.nav-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:1.5px;width:0%;transition:width var(--transition-base)}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-navigation-overlay);opacity:0;visibility:hidden;transition:all var(--transition-base);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-overlay.active{opacity:1;visibility:visible}.mobile-menu-btn:focus,.nav-link:focus,.theme-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width: 768px){.nav-drawer{width:260px}.nav-header{padding:1.5rem 1rem 1rem}.nav-title{font-size:1.25rem}.nav-link{padding:.75rem 1rem;font-size:.95rem}.nav-footer{padding:1rem}}@media (max-width: 480px){.nav-drawer{width:240px}.mobile-menu-btn{width:2.5rem;height:2.5rem}.hamburger-line{width:1.25rem}.nav-header{padding:1rem .75rem .75rem}.nav-title{font-size:1.125rem}.nav-link{padding:.625rem .75rem;font-size:.875rem}}@media (prefers-reduced-motion: reduce){.mobile-menu-btn,.nav-drawer,.nav-link,.nav-overlay,.nav-progress-bar,.nav-icon,.nav-accent{transition:none}.nav-link:hover .nav-icon,.mobile-menu-btn:hover{transform:none}}@media (prefers-contrast: high){.mobile-menu-btn,.nav-drawer{backdrop-filter:none;-webkit-backdrop-filter:none}:root:not(.dark) .mobile-menu-btn{background:var(--bg-surface);border:2px solid var(--text-primary)}:root:not(.dark) .nav-drawer{background:var(--bg-surface);border-right:2px solid var(--text-primary)}:root.dark .mobile-menu-btn,:root.dark .nav-drawer,[data-theme=dark] .mobile-menu-btn,[data-theme=dark] .nav-drawer{background:var(--bg-surface);border-color:var(--text-primary)}.nav-link:hover,.nav-link.active{background:var(--accent-primary);color:var(--text-inverse)}}@media print{.mobile-menu-btn,.nav-drawer,.nav-overlay{display:none}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.nav-drawer.open{animation:slideInLeft .3s ease-out}@supports not (backdrop-filter: blur(16px)){:root:not(.dark) .mobile-menu-btn{background:rgba(255,255,255,.95)}:root:not(.dark) .nav-drawer{background:rgba(255,255,255,.98)}:root.dark .mobile-menu-btn,:root.dark .nav-drawer,[data-theme=dark] .mobile-menu-btn,[data-theme=dark] .nav-drawer{background:rgba(15,23,42,.98)}.nav-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}.nav-drawer,.mobile-menu-btn,.nav-overlay{will-change:transform,opacity;contain:layout style paint}.nav-link,.nav-icon{will-change:transform,background-color}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Montserrat,InterVariable,system-ui,sans-serif;font-weight:600;font-size:var(--step-0);line-height:1.2;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);user-select:none;white-space:nowrap;will-change:transform,background,box-shadow;contain:layout style paint}.btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.btn--primary{color:var(--text-inverse);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(37,99,235,.3),0 2px 4px rgba(37,99,235,.2)}:root:not(.dark) .btn--primary{background:linear-gradient(135deg,var(--accent-500) 0%,#1D4ED8 50%,#1E40AF 100%);border:1px solid rgba(255,255,255,.2)}:root:not(.dark) .btn--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af,#1e3a8a);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(37,99,235,.4),0 4px 8px rgba(37,99,235,.3)}:root:not(.dark) .btn--primary:active{transform:translateY(0) scale(.98);background:linear-gradient(135deg,#1e3a8a,#1e40af,#1d4ed8);box-shadow:0 2px 8px rgba(37,99,235,.3),inset 0 2px 4px rgba(0,0,0,.1)}:root.dark .btn--primary,[data-theme=dark] .btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border:1px solid rgba(255,255,255,.1)}:root.dark .btn--primary:hover,[data-theme=dark] .btn--primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(59,130,246,.4),0 4px 8px rgba(59,130,246,.3)}:root.dark .btn--primary:active,[data-theme=dark] .btn--primary:active{transform:translateY(0) scale(.98);background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);box-shadow:0 2px 8px rgba(59,130,246,.3),inset 0 2px 4px rgba(0,0,0,.2)}.btn--secondary{color:var(--text-primary);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05)}:root:not(.dark) .btn--secondary{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(249,250,251,.9),rgba(243,244,246,.9));border:1px solid rgba(229,231,235,.8)}:root:not(.dark) .btn--secondary:hover{background:linear-gradient(135deg,rgba(249,250,251,.95),rgba(243,244,246,.95),rgba(229,231,235,.95));transform:translateY(-1px) scale(1.01);color:var(--accent-primary);box-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1)}:root.dark .btn--secondary,[data-theme=dark] .btn--secondary{background:linear-gradient(135deg,rgba(55,65,81,.9),rgba(75,85,99,.9),rgba(107,114,128,.9));border:1px solid rgba(107,114,128,.5);color:var(--text-primary)}:root.dark .btn--secondary:hover,[data-theme=dark] .btn--secondary:hover{background:linear-gradient(135deg,rgba(75,85,99,.95),rgba(107,114,128,.95),rgba(156,163,175,.95));transform:translateY(-1px) scale(1.01);color:var(--accent-primary)}.btn--outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);font-weight:600}.btn--outline:hover{background:var(--accent-primary);color:var(--text-inverse);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 16px rgba(37,99,235,.3),0 2px 4px rgba(37,99,235,.2)}.btn--outline:active{transform:translateY(0) scale(.98)}.btn--link{background:transparent;color:var(--accent-primary);border:none;padding:.5rem 1rem;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;font-weight:500}.btn--link:hover{color:var(--accent-hover);text-decoration-color:var(--accent-hover);transform:translateY(-1px)}.btn--large{padding:1rem 2rem;font-size:var(--step-1);border-radius:10px}.btn--small{padding:.5rem 1rem;font-size:var(--step--1);border-radius:6px}.btn-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn-group--center{justify-content:center}.btn-group--end{justify-content:flex-end}@media (max-width: 768px){.btn{padding:.875rem 1.25rem;font-size:.95rem}.btn--large{padding:1rem 1.75rem;font-size:1.05rem}.btn--small{padding:.5rem .875rem;font-size:.85rem}.btn-group{gap:.5rem}}@media (max-width: 480px){.btn{min-width:100px;padding:.875rem 1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none}}@media (prefers-contrast: high){.btn{backdrop-filter:none;-webkit-backdrop-filter:none}.btn--primary{background:var(--accent-primary)!important;border:2px solid var(--text-primary)}.btn--secondary{background:var(--bg-surface)!important;border:2px solid var(--text-primary);color:var(--text-primary)}.btn--outline{border-width:3px}}@media print{.btn{background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--text-primary)!important;box-shadow:none!important;transform:none!important}}.btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn--primary:not(:disabled):hover{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@supports not (backdrop-filter: blur(8px)){.btn{backdrop-filter:none;-webkit-backdrop-filter:none}:root:not(.dark) .btn--secondary{background:rgba(255,255,255,.95)}:root.dark .btn--secondary,[data-theme=dark] .btn--secondary{background:rgba(55,65,81,.95)}}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.login-modal.active{opacity:1;visibility:visible}.login-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-modal-content{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(.95) translateY(20px);transition:transform .3s ease}.login-modal.active .login-modal-content{transform:scale(1) translateY(0)}.login-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.login-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.login-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;line-height:1;transition:color .2s ease,background-color .2s ease}.login-modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.login-modal-body{padding:1.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-input-group{display:flex;flex-direction:column;gap:.5rem}.login-input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.login-input-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.login-input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.login-input-group input:invalid{border-color:var(--error-color, #ef4444)}.login-actions{margin-top:.5rem}.login-submit-btn{width:100%;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;position:relative;transition:background-color .2s ease,transform .1s ease}.login-submit-btn:hover:not(:disabled){background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-error-message{padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--error-color, #ef4444);font-size:.875rem;margin-top:.5rem;display:none}.login-error-message.visible{display:block}.login-trigger{background:none!important;border:none!important;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .2s ease,color .2s ease;text-decoration:none;color:inherit}.login-trigger:hover{background:var(--bg-secondary)!important;color:var(--accent-primary)!important}.mobile-nav-item.login-trigger{width:100%;justify-content:flex-start;text-align:left;padding:1rem;border-radius:0;border-bottom:1px solid var(--border-color)}[data-theme=dark] .login-modal-content{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2)}[data-theme=dark] .login-input-group input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .login-input-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(41,145,255,.1)}@media (max-width: 480px){.login-modal-content{width:95%;margin:.5rem}.login-modal-header,.login-modal-body{padding:1rem}}@media (prefers-reduced-motion: reduce){.login-modal,.login-modal-content,.login-submit-btn{transition:none}.login-btn-spinner{animation:none}}.login-modal[aria-hidden=true]{pointer-events:none}.login-modal[aria-hidden=false]{pointer-events:auto}.auth-button-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;align-items:center}.auth-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:44px;min-height:44px}.auth-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.auth-button:active{transform:translateY(0)}.auth-button.logout{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.auth-button.logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c}.auth-icon{font-size:1rem}.auth-text{font-size:.9rem}@media (max-width: 768px){.auth-button-container{top:.75rem;right:5.5rem}.auth-button{padding:.75rem;font-size:.9rem;min-width:48px;min-height:48px}.auth-text{display:none}}@media (max-width: 480px){.auth-button-container{top:.75rem;right:4.75rem}.auth-button{padding:.625rem;min-width:44px;min-height:44px}}:root{--color-charcoal: #1A1A1A;--color-dark-gray: #333333;--color-medium-gray: #616364;--color-light-gray: #CCCCCC;--color-white: #FFFFFF;--accent-500: var(--color-light-gray);--accent-600: var(--color-white);--accent-bg: rgba(204, 204, 204, .1);--success-500: #14B8A6;--success-400: #2DD4BF;--danger-500: #DC2626;--danger-400: #F87171;--nav-width: 260px;--nav-collapsed: 56px;--section-padding: min(10vh, 6rem);--container-padding: 1.5rem;--font-size-base: 18px;--line-height-base: 1.6;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--z-background: -1;--z-content: 1;--z-cards: 2;--z-modals: 100;--z-navigation-overlay: 1000;--z-navigation-drawer: 1001;--z-navigation-button: 1002;--z-controls: 1003;--z-tooltips: 1500;--z-emergency: 10000;--bg-nav-rgb: 26, 26, 26;--bg-panel-rgb: 51, 51, 51;--bg-content-rgb: 255, 255, 255;--bg-danger-rgb: 220, 38, 38;--border-rgb: 204, 204, 204;--accent-rgb: 204, 204, 204}:root:not(.dark){--bg-primary: var(--color-white);--bg-surface: #f8f9fa;--bg-muted: #e9ecef;--bg-nav-rgb: 255, 255, 255;--bg-panel-rgb: 248, 249, 250;--bg-content-rgb: 248, 249, 250;--border-rgb: 108, 117, 125;--accent-rgb: 26, 26, 26;--border-default: #6c757d;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--text-inverse: var(--color-white);--accent-primary: #212529;--accent-hover: #495057;--accent-subtle: rgba(33, 37, 41, .1);--success: var(--success-500);--danger: var(--danger-500);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.15), 0 2px 4px -1px rgba(0,0,0,.1);--bg-overlay-3d: rgba(33, 37, 41, .1);--blend-mode-3d: multiply;--texture-pattern: repeating-linear-gradient( 45deg, transparent, transparent 2px, rgba(108, 117, 125, .04) 2px, rgba(108, 117, 125, .04) 4px )}:root.dark,[data-theme=dark]{--bg-primary: var(--color-charcoal);--bg-surface: var(--color-dark-gray);--bg-muted: var(--color-medium-gray);--bg-nav-rgb: 26, 26, 26;--bg-panel-rgb: 26, 26, 26;--bg-content-rgb: 51, 51, 51;--border-rgb: 102, 102, 102;--accent-rgb: 204, 204, 204;--border-default: var(--color-medium-gray);--text-primary: var(--color-white);--text-secondary: var(--color-light-gray);--text-muted: var(--color-medium-gray);--text-inverse: var(--color-charcoal);--accent-primary: var(--accent-500);--accent-hover: var(--accent-600);--accent-subtle: rgba(204, 204, 204, .18);--success: var(--success-400);--danger: var(--danger-400);--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--bg-overlay-3d: rgba(204, 204, 204, .3);--blend-mode-3d: color-dodge;--texture-pattern: repeating-linear-gradient( 45deg, transparent, transparent 2px, rgba(204, 204, 204, .04) 2px, rgba(204, 204, 204, .04) 4px )}:root{--background-primary: var(--bg-primary);--background-secondary: var(--bg-muted);--background-card: var(--bg-surface);--border-light: var(--bg-muted);--accent-focus: var(--accent-primary);--shadow-light: var(--shadow-sm);--shadow-medium: var(--shadow-md);--background-overlay: var(--bg-surface);--overlay-light: var(--bg-surface);--overlay-medium: var(--bg-surface);--color-primary: var(--accent-primary);--color-background: var(--bg-primary);--color-text: var(--text-primary);--color-accent: var(--accent-primary);--transition-duration: .25s}.section{background:transparent}.section:nth-of-type(2n){background:transparent}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;overflow-y:auto;box-sizing:border-box}body{font-family:InterVariable,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:var(--font-size-base, 18px);letter-spacing:-.01em;background-color:var(--bg-primary);background-image:var(--texture-pattern);color:var(--text-primary);line-height:var(--line-height-base, 1.6);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root:not(.dark) body{background-color:transparent;background-image:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;width:100%;min-height:100vh}.main-content{position:relative;z-index:1;height:100vh;width:100vw;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-left:0}@media (min-width: 1024px){.main-content{margin-left:0}}.section{min-height:100vh;width:100vw;scroll-snap-align:start;display:flex;align-items:center;padding-block:clamp(4rem,8vh,8rem);padding-inline:clamp(2rem,5vw,4rem);position:relative;transition:all var(--transition-base)}:root:not(.dark) .section{background-color:transparent}.container{max-width:1400px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:center;position:relative}.container>*{grid-column:1 / -1}.container .content-left{grid-column:1 / 8;text-align:left}.container .content-right{grid-column:6 / -1;text-align:left}.container .content-center-narrow{grid-column:3 / 11;text-align:center}.container .content-offset{grid-column:2 / 10;text-align:left}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}.grid-asymmetric{display:grid;grid-template-columns:2fr 3fr;gap:clamp(2rem,4vw,4rem);align-items:center}.section h1{font:800 var(--step-3)/1.2 "Monoton",cursive;letter-spacing:-.02em;margin-bottom:clamp(1.5rem,4vh,3rem);color:var(--text-primary);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility}[data-theme=dark] .section h1,[data-theme=dark] .section h2{color:#3b82f6}:root:not(.dark) .section h1,:root:not(.dark) .section h2{color:#111827}.section h2{font:700 var(--step-2)/1.3 "Monoton",cursive;letter-spacing:-.01em;margin-bottom:clamp(1.25rem,3vh,2.5rem);color:var(--text-primary);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility}.section h3{font:600 var(--step-1)/1.4 "Monoton",cursive;letter-spacing:0;margin-bottom:clamp(1rem,2.5vh,2rem);color:var(--accent-primary);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility}.section p{font-family:Figtree,sans-serif;font-weight:400;font-size:var(--step--1);letter-spacing:.01em;margin-bottom:clamp(1.5rem,3vh,2.5rem);opacity:0;line-height:1.7;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1) .2s;max-width:65ch;margin-left:auto;margin-right:auto}[data-theme=dark] .section p{color:#e2e8f0}:root:not(.dark) .section p{color:#374151}.lead{font-size:1.25rem;font-weight:500;margin-bottom:2rem;opacity:.9}[data-theme=dark] .lead{color:#cbd5e1}:root:not(.dark) .lead{color:#495057}:root:not(.dark){--text-inverse: #212529}:root:not(.dark) *[style*="color: white"],:root:not(.dark) *[style*="color: #fff"],:root:not(.dark) *[style*="color: #ffffff"]{color:#212529!important}:root:not(.dark) .text-white{color:#212529!important}:root:not(.dark) button:not(.btn--primary):not(.cta-button){color:#212529;background:#f8f9fa;border-color:#6c757d}:root:not(.dark) button:not(.btn--primary):not(.cta-button):hover{color:#212529;background:#e9ecef;border-color:#495057}:root:not(.dark) .nav-text,:root:not(.dark) .nav-link,:root:not(.dark) .nav-item{color:#212529!important}:root:not(.dark) .nav-link:hover,:root:not(.dark) .nav-item:hover{color:#495057!important}.navigation-panel{position:fixed;top:0;left:0;z-index:100}.sidebar-pagination{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1rem;padding:1rem;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-dots{display:flex;flex-direction:column;gap:1rem}.sidebar-pagination:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 12px 48px rgba(0,0,0,.15)}.pagination-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid transparent;padding:0;outline:none}.pagination-dot:focus{outline:2px solid var(--accent-primary);outline-offset:4px}.pagination-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.2)}.pagination-dot.active{background:var(--accent-primary);transform:scale(1.3);box-shadow:0 0 16px var(--accent-primary);border-color:rgba(255,255,255,.3)}.pagination-dot.active:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:2px solid var(--accent-primary);opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1);opacity:.3}}.pagination-theme-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.pagination-theme-toggle{width:28px;height:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.7);transition:all .2s ease;position:relative;padding:0;outline:none}.pagination-theme-toggle:hover{background:rgba(255,255,255,.2);color:rgba(255,255,255,.9);transform:scale(1.1);border-color:rgba(255,255,255,.3)}.pagination-theme-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.pagination-theme-toggle.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 8px rgba(59,130,246,.4)}.pagination-theme-toggle.active:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid var(--accent-primary);opacity:.3;animation:pulse 2s infinite}.pagination-theme-toggle svg{width:14px;height:14px;stroke-width:2.5}.section.active h1,.section.active h2,.section.active h3{opacity:1;transform:translateY(0)}.section.active p{opacity:.85;transform:translateY(0)}.section{--stagger-delay: .1s}.section.active h1{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) forwards}.section.active h2{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) var(--stagger-delay) forwards}.section.active h3{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) calc(var(--stagger-delay) * 1.5) forwards}.section.active p{animation:slideInUpParagraph .8s cubic-bezier(.4,0,.2,1) calc(var(--stagger-delay) * 2) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUpParagraph{0%{opacity:0;transform:translateY(30px)}to{opacity:.85;transform:translateY(0)}}.section.fade-out{opacity:0;transform:scale(.95)}.section.fade-in{opacity:1;transform:scale(1)}.smooth-scroll{scroll-behavior:smooth;scroll-snap-type:y mandatory}.animate-in{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.section h1,.section h2,.section h3,.section p{opacity:1!important;transform:none!important}}@media (prefers-contrast: high){:root{--bg-primary: #000000;--bg-surface: #000000;--bg-muted: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #cccccc;--accent-primary: #ffffff;--border-default: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3)}:root.dark,[data-theme=dark]{--bg-primary: #000000;--bg-surface: #000000;--bg-muted: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #cccccc;--accent-primary: #ffffff;--border-default: #ffffff;--shadow-sm: 0 1px 3px rgba(255,255,255,.3);--shadow-md: 0 4px 6px -1px rgba(255,255,255,.3);--shadow-lg: 0 10px 15px -3px rgba(255,255,255,.3)}.section h1,.section h2,.section h3{text-shadow:none}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--text-primary: var(--color-white);--text-secondary: var(--color-light-gray);--text-muted: var(--color-medium-gray)}}:focus{outline:2px solid var(--accent-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:var(--text-inverse);padding:8px 16px;border-radius:4px;text-decoration:none;z-index:10000;transition:top var(--transition-fast);font-weight:600}.skip-link:focus{top:6px}@media (pointer: coarse){button,[role=button],input,select,textarea,a{min-height:44px;min-width:44px}}@media print{.nav-drawer,.mobile-menu-btn,.nav-overlay,.sidebar-pagination,.three-bg{display:none!important}.main-content{margin-left:0!important}.section{height:auto!important;page-break-inside:avoid;margin-bottom:2rem}body{background:#fff!important;color:#000!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-pagination{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (prefers-contrast: high){.sidebar-pagination{background:var(--background-card);border:2px solid var(--accent-primary);backdrop-filter:none}.pagination-dot{background:var(--text-primary);border:2px solid var(--accent-primary)}.pagination-dot.active{background:var(--accent-primary);box-shadow:none}}.navigation-panel{z-index:1001}.sidebar-pagination{z-index:1000}.main-nav{z-index:1001}.three-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:none;pointer-events:none}#theme-toggle{display:flex;gap:10px;padding:10px;background:rgba(0,0,0,.5);border-radius:5px}#theme-toggle button{background:none;border:1px solid white;color:#fff;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}#theme-toggle button:hover{background-color:rgba(255,255,255,.2)}#theme-toggle button.active{background-color:#fff;color:#000}[data-theme=dark]{--background-primary: var(--color-charcoal);--background-secondary: var(--color-dark-gray);--background-card: var(--color-dark-gray);--background-overlay: rgba(26, 26, 26, .95);--text-primary: var(--color-white);--text-secondary: var(--color-light-gray);--text-muted: var(--color-medium-gray);--text-inverse: var(--color-charcoal);--accent-primary: var(--color-light-gray);--accent-secondary: var(--color-medium-gray);--accent-hover: var(--color-white);--accent-focus: var(--color-light-gray);--border-default: var(--color-medium-gray);--border-light: var(--color-dark-gray);--border-focus: var(--color-light-gray);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.5), 0 10px 10px -5px rgba(0,0,0,.3);--bg-overlay-light: rgba(204, 204, 204, .4);--bg-overlay-dark: rgba(26, 26, 26, .85);--bg-primary: var(--background-primary);--bg-secondary: var(--background-secondary);--overlay-light: var(--background-overlay);--overlay-medium: var(--background-overlay)}[data-theme=dark] .section{background:transparent}[data-theme=dark] .section:nth-of-type(2n){background:transparent}.section+.section{margin-top:clamp(2rem,5vh,4rem)}.content-block{margin-bottom:clamp(3rem,6vh,6rem)}.content-block:last-child{margin-bottom:0}.container .content-left,.container .content-right{padding:clamp(2rem,4vh,4rem) 0}@media (max-width: 1024px){.container{max-width:100%;padding:0 2rem;gap:1.5rem}.section{padding:4vw}.container .content-left,.container .content-right{grid-column:1 / -1;text-align:center}.grid-asymmetric{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem)}}@media (max-width: 768px){.sidebar-pagination{right:1rem;padding:.75rem;gap:.75rem;top:45%;transform:translateY(-50%)}.container .content-left,.container .content-right,.container .content-center-narrow,.container .content-offset{grid-column:1 / -1;text-align:center}.grid-2-col,.grid-3-col,.grid-asymmetric{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem)}.pagination-theme-controls{gap:.4rem;margin-top:.4rem;padding-top:.5rem}.pagination-theme-toggle{width:24px;height:24px;min-height:44px;min-width:44px;padding:10px}.pagination-theme-toggle svg{width:12px;height:12px}.pagination-dot{width:10px;height:10px;min-height:44px;min-width:44px;padding:17px}.pagination-dot.active{transform:scale(1.2)}.pagination-dot.active:before{top:-4px;left:-4px;right:-4px;bottom:-4px}.section{padding:3vw 4vw;min-height:100vh}.container{max-width:100%;padding:0 1rem;gap:1.5rem}.section h1{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:1.5rem}.section h2{font-size:clamp(1.75rem,6vw,2.75rem);margin-bottom:1.5rem}.section h3{font-size:clamp(1.25rem,5vw,2rem);margin-bottom:1rem}.section p{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:1.5rem;max-width:65ch}}@media (max-width: 480px){.section{padding:2rem 1rem}.container{gap:1rem;padding:0 .5rem}.section h1{font-size:clamp(1.75rem,9vw,2.75rem);margin-bottom:1.25rem}.section h2{font-size:clamp(1.5rem,7vw,2.25rem);margin-bottom:1.25rem}.section h3{font-size:clamp(1.125rem,6vw,1.75rem);margin-bottom:1rem}.section p{font-size:clamp(.95rem,4vw,1.125rem);margin-bottom:1.25rem;max-width:70ch}.sidebar-pagination{right:.5rem;padding:.5rem;gap:.5rem;border-radius:1.5rem}.pagination-dot{width:8px;height:8px}body{font-size:clamp(1rem,4vw,1.125rem)}}.logout-button{position:fixed;top:20px;right:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:1000}.logout-button:hover{background-color:#0056b3}h1,h2,h3,.text-main-heading,.text-section-heading,.text-subheading{font-family:Monoton,cursive;font-weight:400;letter-spacing:.05em}body,p,.text-body,.lead,.caption,li,blockquote,button,input,select,textarea,.btn{font-family:Figtree,sans-serif}:root{--font-size-base: 1rem;--line-height-base: 1.5}@media (max-width: 768px){:root{--font-size-base: .875rem}}body{font-size:var(--font-size-base);line-height:var(--line-height-base)}h1,.text-main-heading{font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;margin-bottom:1.5rem}h2,.text-section-heading{font-size:clamp(2rem,4vw,3rem);line-height:1.3;margin-bottom:1.25rem}h3,.text-subheading{font-size:clamp(1.5rem,3vw,2rem);line-height:1.4;margin-bottom:1rem}h4{font-family:Figtree,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}h5{font-family:Figtree,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}h6{font-family:Figtree,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}p{margin-bottom:1rem}.lead{font-size:1.25rem;font-weight:400;line-height:1.6}.caption{font-size:.875rem;line-height:1.4}:root{--color-charcoal: #1A1A1A;--color-dark-gray: #333333;--color-medium-gray: #666666;--color-light-gray: #CCCCCC;--color-white: #FFFFFF;--bg-primary: var(--color-white);--bg-surface: #f8f9fa;--bg-muted: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--accent-primary: #212529;--accent-hover: #495057;--border-default: #6c757d}[data-theme=dark]{--bg-primary: var(--color-charcoal);--bg-surface: #242424;--bg-muted: var(--color-dark-gray);--text-primary: var(--color-white);--text-secondary: var(--color-light-gray);--text-muted: #999999;--accent-primary: var(--color-light-gray);--accent-hover: var(--color-white);--border-default: var(--color-medium-gray)}body{color:var(--text-primary);background-color:transparent!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}:root:not([data-theme=dark]) h1{color:#000}[data-theme=dark] h1{color:var(--color-white)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.section{background:transparent!important}.section:nth-of-type(2n){background:transparent!important}h1,h2,h3,h4,h5,h6,p,.text-body,.lead{text-shadow:none}blockquote{background:rgba(0,0,0,.03);border-left:3px solid var(--border-default);padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic}[data-theme=dark] blockquote{background:rgba(255,255,255,.03)}blockquote:before{content:'"';font-size:3rem;line-height:0;margin-right:.25rem;vertical-align:-.5rem;color:var(--text-muted);font-family:Monoton,cursive}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}::selection{background:rgba(102,102,102,.3);color:var(--text-primary)}#theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:8px}#theme-toggle button{padding:8px 16px;border:1px solid var(--border-default);background:rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;border-radius:4px;font-family:Figtree,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s ease}#theme-toggle button:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}#theme-toggle button.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}@media (prefers-contrast: high){:root{--color-charcoal: #000000;--color-white: #FFFFFF;--bg-primary: #FFFFFF;--text-primary: #000000;--border-default: #000000}[data-theme=dark]{--bg-primary: #000000;--text-primary: #FFFFFF;--border-default: #FFFFFF}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stat-card{background:var(--bg-surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;transition:all var(--transition-base);border:1px solid var(--border-default);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 48px rgba(0,0,0,.15),0 6px 24px rgba(0,0,0,.1);border-color:var(--accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover:before{opacity:1}.stat-value{font-size:clamp(2.2rem,6vw,5rem);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--accent-primary);margin-bottom:.5rem;font-family:InterVariable,system-ui,sans-serif;letter-spacing:.02em;text-rendering:optimizeLegibility}.stat-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700;margin-top:.5rem;color:var(--text-muted);text-align:center;font-family:InterVariable,system-ui,sans-serif}.stats-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:3rem 0}.card{background:var(--bg-surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-default);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 48px rgba(0,0,0,.12),0 6px 24px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover:before{opacity:1}.card-header{margin-bottom:1rem}.card-title{font-size:var(--step-1);font-weight:600;color:var(--text-primary);margin:0 0 .5rem;font-family:InterVariable,system-ui,sans-serif}.card-description{font-size:var(--step--1);color:var(--text-secondary);line-height:1.6;margin:0}.card-content{color:var(--text-primary)}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-default)}.feature-card{background:var(--background-card);border-radius:16px;padding:24px;text-align:center;border:1px solid var(--border-default);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 20px 64px rgba(0,0,0,.15),0 8px 32px rgba(0,0,0,.1);border-color:var(--accent-primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-icon{width:3rem;height:3rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:.75rem;color:#fff;font-size:1.5rem}.feature-title{font-size:var(--step-1);font-weight:600;color:var(--text-primary);margin:0 0 1rem;font-family:InterVariable,system-ui,sans-serif}.feature-description{font-size:var(--step-0);color:var(--text-secondary);line-height:1.6;margin:0}:root:not(.dark) .stat-card,:root:not(.dark) .card,:root:not(.dark) .feature-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.8),rgba(248,250,252,.85));backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.6);position:relative;overflow:hidden}:root:not(.dark) .stat-card:hover,:root:not(.dark) .card:hover,:root:not(.dark) .feature-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9),rgba(248,250,252,.92));backdrop-filter:blur(20px) saturate(2);-webkit-backdrop-filter:blur(20px) saturate(2);border:1px solid rgba(37,99,235,.3);box-shadow:0 16px 64px rgba(37,99,235,.15),0 8px 32px rgba(37,99,235,.1),0 4px 16px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.8);transform:translateY(-4px) scale(1.02)}:root:not(.dark) .stat-card:after,:root:not(.dark) .card:after,:root:not(.dark) .feature-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(37,99,235,.03) 0%,transparent 50%,rgba(59,130,246,.02) 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:var(--z-content)}:root:not(.dark) .stat-card:hover:after,:root:not(.dark) .card:hover:after,:root:not(.dark) .feature-card:hover:after{opacity:1}:root.dark .stat-card,:root.dark .card,:root.dark .feature-card,[data-theme=dark] .stat-card,[data-theme=dark] .card,[data-theme=dark] .feature-card{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9),rgba(71,85,105,.95));border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.1)}:root.dark .stat-card:hover,:root.dark .card:hover,:root.dark .feature-card:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] .card:hover,[data-theme=dark] .feature-card:hover{background:linear-gradient(135deg,rgba(51,65,85,.98),rgba(71,85,105,.95),rgba(100,116,139,.98));border:1px solid var(--accent-primary);box-shadow:0 16px 64px rgba(59,130,246,.2),0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}.stats-grid .stat-card:nth-child(1){animation-delay:0ms}.stats-grid .stat-card:nth-child(2){animation-delay:.1s}.stats-grid .stat-card:nth-child(3){animation-delay:.2s}.stats-grid .stat-card:nth-child(4){animation-delay:.3s}.services-grid .feature-card:nth-child(1){animation-delay:0ms}.services-grid .feature-card:nth-child(2){animation-delay:.15s}.services-grid .feature-card:nth-child(3){animation-delay:.3s}.feature-icon{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:var(--z-cards)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px rgba(37,99,235,.3)}.stat-card:focus-within,.card:focus-within,.feature-card:focus-within{outline:2px solid var(--accent-primary);outline-offset:4px;transform:translateY(-2px)}@media (hover: none) and (pointer: coarse){.stat-card:active,.card:active,.feature-card:active{transform:scale(.98);transition:transform .1s ease}}@media (max-width: 768px){.stat-card,.card,.feature-card{padding:20px}.stats-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-value{font-size:clamp(1.8rem,8vw,3rem)}.stat-card:hover,.card:hover,.feature-card:hover{transform:translateY(-2px) scale(1.01)}}@media (prefers-reduced-motion: reduce){.stat-card,.card,.feature-card,.feature-icon{transition:none}.stat-card:hover,.card:hover,.feature-card:hover,.feature-card:hover .feature-icon{transform:none}.stats-grid .stat-card,.services-grid .feature-card{animation-delay:0ms}}@media (prefers-contrast: high){.stat-card,.card,.feature-card{backdrop-filter:none;-webkit-backdrop-filter:none;border-width:2px}:root:not(.dark) .stat-card,:root:not(.dark) .card,:root:not(.dark) .feature-card{background:var(--bg-surface);border-color:var(--text-primary)}:root.dark .stat-card,:root.dark .card,:root.dark .feature-card,[data-theme=dark] .stat-card,[data-theme=dark] .card,[data-theme=dark] .feature-card{background:var(--bg-surface);border-color:var(--text-primary)}}.stat-card,.card,.feature-card{will-change:transform,box-shadow;contain:layout style paint}.feature-icon{will-change:transform}.intro-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:var(--z-content);width:90%;max-width:800px;padding:2rem;background:rgba(var(--bg-content-rgb),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(var(--border-rgb),.3);box-shadow:0 20px 50px rgba(0,0,0,.1),0 8px 32px rgba(0,0,0,.05);transition:all var(--transition-base)}:root.dark .intro-container,[data-theme=dark] .intro-container{background:rgba(30,41,59,.95);border-color:rgba(148,163,184,.2);box-shadow:0 20px 50px rgba(0,0,0,.3),0 8px 32px rgba(0,0,0,.2)}.intro-content{text-align:center}:root:not(.dark) .intro-container{background:rgba(255,255,255,.98);border-color:rgba(108,117,125,.3);box-shadow:0 20px 50px rgba(0,0,0,.08),0 8px 32px rgba(0,0,0,.04)}:root:not(.dark) .intro-transcript{color:#495057}:root:not(.dark) .intro-transcript span.highlight{color:#fff;background:linear-gradient(135deg,#212529,#495057);box-shadow:0 4px 12px rgba(33,37,41,.3),0 2px 6px rgba(33,37,41,.2)}:root:not(.dark) .play-intro-button{background:linear-gradient(135deg,#212529,#495057);color:#fff;box-shadow:0 8px 25px rgba(33,37,41,.3),0 4px 12px rgba(33,37,41,.2)}:root:not(.dark) .play-intro-button:hover{background:linear-gradient(135deg,#495057,#6c757d);box-shadow:0 12px 35px rgba(33,37,41,.4),0 6px 18px rgba(33,37,41,.3)}.intro-transcript{margin:0 0 2rem;font-size:1.125rem;line-height:1.8;color:var(--text-primary);text-align:center;font-weight:400}.intro-transcript span{transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px 6px;border-radius:6px;display:inline-block;margin:0 2px;position:relative}.intro-transcript span.highlight{color:var(--text-inverse);background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3),0 2px 6px rgba(var(--accent-rgb),.2);font-weight:600}:root.dark .intro-transcript span.highlight,[data-theme=dark] .intro-transcript span.highlight{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.4),0 2px 6px rgba(59,130,246,.3)}.play-intro-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:var(--text-inverse);border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 8px 25px rgba(var(--accent-rgb),.3),0 4px 12px rgba(var(--accent-rgb),.2);position:relative;overflow:hidden}.play-intro-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.play-intro-button:hover:before{left:100%}.play-intro-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(var(--accent-rgb),.4),0 6px 18px rgba(var(--accent-rgb),.3)}.play-intro-button:active{transform:translateY(0)}:root.dark .play-intro-button,[data-theme=dark] .play-intro-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px rgba(59,130,246,.3),0 4px 12px rgba(59,130,246,.2)}:root.dark .play-intro-button:hover,[data-theme=dark] .play-intro-button:hover{box-shadow:0 12px 35px rgba(59,130,246,.4),0 6px 18px rgba(59,130,246,.3)}@media (max-width: 768px){.intro-container{top:70px;width:95%;padding:1.5rem}.intro-transcript{font-size:1rem;line-height:1.7}.play-intro-button{padding:.875rem 1.75rem;font-size:.9rem}}@media (max-width: 480px){.intro-container{top:60px;padding:1rem}.intro-transcript{font-size:.9rem;margin-bottom:1.5rem}.intro-transcript span{padding:3px 4px;margin:0 1px}.play-intro-button{padding:.75rem 1.5rem;font-size:.875rem}}@keyframes introFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.intro-container{animation:introFadeIn .6s ease-out}.play-intro-button:focus{outline:3px solid var(--accent-primary);outline-offset:3px}@media (prefers-reduced-motion: reduce){.intro-transcript span,.intro-container,.play-intro-button{transition:none;animation:none}.intro-transcript span.highlight,.play-intro-button:hover{transform:none}}.dashboard-overview{display:grid;gap:1rem;padding:1rem}@media (min-width: 768px){.dashboard-overview{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:var(--background-card);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);text-align:center}.card{background:var(--background-card);border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm)}.plan-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.plan-name{font-weight:700}.status{padding:.25rem .5rem;border-radius:4px;color:#fff}.status.active{background-color:var(--success-500)}.usage-bar{width:100%;height:10px;background-color:var(--background-secondary);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;background-color:var(--accent-primary)}.alerts-section .alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alerts-section .alert-warning{background-color:#fff3cd;color:#664d03;border:1px solid #ffecb5}.recent-activity .activity-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.recent-activity .activity-item:last-child{border-bottom:none}.activity-info .operation{font-weight:700}.activity-info .tokens{margin-left:1rem;color:var(--text-muted)}.activity-info .status.success{color:var(--success-500)}.activity-meta .cost{color:var(--text-muted)}.activity-meta .time{margin-left:1rem;color:var(--text-muted);font-size:.875rem}