:root{--navbar-height: 4rem;--primary: #a0d9b6;--primary-hover: #8bcfa4;--primary-active: #76c493;--primary-content: #1a3b2a;--bg-body: #f3f3f3;--text-main: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--bg-hover: rgba(0, 0, 0, .05);--glass-bg-light: rgba(255, 255, 255, .65);--glass-border-light: rgba(255, 255, 255, .3);--glass-shadow-light: 0 4px 30px rgba(0, 0, 0, .03);--glass-blur: 16px;--glass-saturate: 180%;--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light);--glass-shadow: var(--glass-shadow-light)}.dark{--bg-body: #121212;--text-main: #ffffff;--text-secondary: #a1a1a1;--text-tertiary: #666666;--bg-hover: rgba(255, 255, 255, .15);--glass-bg-dark: rgba(20, 20, 20, .6);--glass-border-dark: rgba(255, 255, 255, .08);--glass-shadow-dark: 0 4px 30px rgba(0, 0, 0, .5);--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark);--glass-shadow: var(--glass-shadow-dark)}body{background-color:var(--bg-body);color:var(--text-main);transition:background-color .5s ease,color .5s ease;-webkit-font-smoothing:antialiased}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);z-index:1000;background-color:var(--glass-bg);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background-color .5s ease,border-color .5s ease,box-shadow .5s ease}.navbar-container{max-width:1280px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.25rem;z-index:1002;position:relative}.brand-logo{width:36px;height:36px;object-fit:contain;transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.navbar-brand:hover .brand-logo{animation:logoShake .5s ease-in-out forwards}.brand-text{background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;transition:opacity .3s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes logoShake{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.navbar-nav{display:flex;gap:.5rem;list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:99px;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:hover{color:var(--text-main);background-color:var(--bg-hover)}.nav-icon{opacity:.7;transition:all .3s;color:var(--text-tertiary)}.nav-link:hover .nav-icon{opacity:1;color:var(--primary);transform:translateY(-2px)}.navbar-actions{display:flex;align-items:center;gap:.5rem;position:relative;z-index:1100}.action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:hover,.action-btn.active{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--glass-border);backdrop-filter:blur(4px)}.action-btn:active{transform:scale(.9)}.theme-icon-wrapper{display:flex;align-items:center;justify-content:center;animation:iconPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes iconPop{0%{transform:rotate(-90deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 14px);right:-10px;width:160px;background:var(--glass-bg);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:.5rem;display:none;flex-direction:column;gap:.25rem;transform-origin:top right}.dropdown-menu.show{display:flex;animation:menuEnter .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes menuEnter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:10px;cursor:pointer;color:var(--text-main);font-size:.9rem;font-weight:500;transition:all .2s}.dropdown-item:hover{background-color:var(--bg-hover);color:var(--primary)}.check-icon{color:var(--primary)}.item-left{display:flex;align-items:center;gap:.5rem}.mobile-toggle{display:none;position:relative;z-index:1100}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;padding:calc(var(--navbar-height) + 2rem) 1.5rem 2rem;background-color:var(--glass-bg);backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));display:flex;flex-direction:column;gap:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1001;overflow-y:auto}.mobile-menu.open{opacity:1;visibility:visible}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;color:var(--text-main);background-color:var(--bg-hover);transition:background-color .2s,transform .2s;opacity:0;transform:translateY(10px)}.mobile-menu.open .mobile-nav-item{animation:slideUpFade .5s ease forwards}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.mobile-menu.open .mobile-nav-item:nth-child(1){animation-delay:.1s}.mobile-menu.open .mobile-nav-item:nth-child(2){animation-delay:.15s}.mobile-menu.open .mobile-nav-item:nth-child(3){animation-delay:.2s}.mobile-menu.open .mobile-nav-item:nth-child(4){animation-delay:.25s}.mobile-menu.open .mobile-nav-item:nth-child(5){animation-delay:.3s}.mobile-nav-item:hover{background-color:#a0d9b626;transform:scale(1.02)}.mobile-icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px}.mobile-text h4{margin:0;font-size:1rem;font-weight:600}.mobile-text span{font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.navbar-nav{display:none}.mobile-toggle{display:flex}.navbar-container{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.mobile-toggle{grid-column:1}.navbar-brand{grid-column:2;justify-self:center}.navbar-actions{grid-column:3;gap:.25rem}}:root{--hero-text-primary: #ffffff;--hero-text-secondary: rgba(255, 255, 255, .85);--hero-overlay-bg: radial-gradient(circle at center, rgba(0,0,0,.3) 0%, rgba(10,10,10,.9) 100%);--hero-btn-bg-blur: rgba(255, 255, 255, .08);--hero-border-color: rgba(255, 255, 255, .15);--tech-glow-color: rgba(66, 153, 225, .3);--primary-glow: rgba(76, 175, 80, .3)}[data-theme=light] .hero-section,body.light .hero-section{--hero-text-primary: #1a202c;--hero-text-secondary: #4a5568;--hero-overlay-bg: linear-gradient(to bottom, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 1) 100%);--hero-btn-bg-blur: rgba(0, 0, 0, .05);--hero-border-color: rgba(0, 0, 0, .1);--tech-glow-color: rgba(59, 130, 246, .15);--primary-glow: rgba(76, 175, 80, .2)}.hero-section{position:relative;height:100dvh;min-height:700px;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-top:80px;color:var(--hero-text-primary)}.hero-bg-wrapper{position:absolute;inset:0;z-index:0;background-color:#050505}.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.2s ease,transform 1.5s ease-out}.hero-bg-wrapper.loaded .hero-bg-img{opacity:1;transform:scale(1)}[data-theme=light] .hero-bg-img{filter:brightness(1.1) opacity(.8)}.hero-overlay{position:absolute;inset:0;background:var(--hero-overlay-bg);z-index:1;pointer-events:none}.glowing-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;opacity:.6;animation:orbFloat 15s infinite ease-in-out}.orb-1{top:10%;left:15%;width:400px;height:400px;background:var(--tech-glow-color)}.orb-2{bottom:10%;right:15%;width:350px;height:350px;background:var(--primary-glow);animation-delay:-7s}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(40px,-40px)}}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:0 24px}.hero-badge{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:var(--hero-btn-bg-blur);border:1px solid var(--hero-border-color);border-radius:99px;font-size:.875rem;font-weight:600;margin-bottom:2rem;overflow:hidden;backdrop-filter:blur(8px)}.badge-glow{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:shimmer 4s infinite}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-title span{background:linear-gradient(135deg,var(--hero-text-primary) 30%,var(--primary, #4caf50) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.1))}.hero-description{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--hero-text-secondary);max-width:650px;margin:0 auto 2.5rem;line-height:1.6;font-weight:400}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-button{position:relative;display:flex;align-items:center;gap:10px;padding:14px 36px;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s ease;overflow:hidden}.download-button.primary{background:var(--primary, #4caf50);color:#fff;box-shadow:0 4px 20px #4caf5066}.download-button.primary .btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s}.download-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf5080}.download-button.primary:hover .btn-glow{opacity:1;transform:scale(1)}.download-button.secondary{background:var(--hero-btn-bg-blur);border:1px solid var(--hero-border-color);color:var(--hero-text-primary);backdrop-filter:blur(10px)}.download-button.secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}[data-theme=light] .download-button.secondary:hover{background:#0000000d;border-color:#0003}.fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}.scroll-indicator{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;cursor:pointer;opacity:.7;transition:opacity .3s,transform .3s;animation:bounce 2s infinite;color:var(--hero-text-secondary)}.scroll-indicator:hover{opacity:1;transform:translateY(2px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@media(max-width:768px){.hero-title{font-size:3rem}.hero-actions{flex-direction:column;width:100%}.download-button{width:100%;justify-content:center}.glowing-orb{opacity:.4}}.app-layout{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:1}.app-main{flex-grow:1;position:relative;z-index:10;width:100%;overflow-x:hidden}.section-placeholder{height:300px;width:100%;background:transparent}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}html,body{scrollbar-width:none;-ms-overflow-style:none}:root{--primary: #4caf50;--primary-glow: rgba(76, 175, 80, .4);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--bg-body: #f0f2f5;--bg-grid: rgba(0, 0, 0, .04);--text-main: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06);--glass-blur: 20px;--glass-saturate: 180%;--orb-color-1: rgba(59, 130, 246, .15);--orb-color-2: rgba(76, 175, 80, .15)}.dark{--bg-body: #050505;--bg-grid: rgba(255, 255, 255, .04);--text-main: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--glass-bg: rgba(20, 20, 20, .65);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--orb-color-1: rgba(59, 130, 246, .15);--orb-color-2: rgba(139, 92, 246, .15)}body{background-color:var(--bg-body);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .5s cubic-bezier(.2,.8,.2,1),color .5s ease;overflow-x:hidden}.global-grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);pointer-events:none}.global-orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5;animation:orbFloat 20s infinite alternate ease-in-out;pointer-events:none}.orb-primary{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--orb-color-1)}.orb-secondary{bottom:-10%;right:-10%;width:40vw;height:40vw;background:var(--orb-color-2);animation-delay:-5s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.section-reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.section-reveal.active{opacity:1;transform:translateY(0)}a{text-decoration:none;color:inherit}button{border:none;outline:none;background:none;cursor:pointer}