:root{--bg-primary:#0f1117;--surface:#1a1d25;--surface-variant:#232732;--primary:#5de9d4;--primary-subtle:#5de9d433;--on-primary:#0f1117;--secondary:#90caf9;--on-surface:#fff;--on-surface-secondary:#a0a9b8;--outline:#2d3340;--error:#f07178;--transition:all .3s cubic-bezier(.25, 1, .5, 1);--spring:all .5s cubic-bezier(.34, 1.56, .64, 1);--bounce:all .5s cubic-bezier(.175, .885, .32, 1.275);--border-radius:20px;--spacing-xl:64px;--spacing-lg:48px;--spacing-md:32px;--spacing-sm:16px;--spacing-xs:8px;--elevation-1:0px 1px 2px #0000004d;--elevation-2:0px 4px 12px #00000080;--elevation-3:0px 6px 20px #5de9d426}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--bg-primary);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;animation:.8s cubic-bezier(.4,0,.2,1) forwards bodyFadeIn;position:relative;overflow-x:hidden}@keyframes bodyFadeIn{to{opacity:1}}#particles-js{z-index:-1;opacity:0;width:100%;height:100%;transition:opacity 1.2s ease-in;position:fixed;top:0;left:0}.navbar{z-index:1000;width:90%;max-width:850px;box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--outline);background:#1a1d25cc;border-radius:40px;justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:12px 28px;transition:all .4s;animation:.6s cubic-bezier(.4,0,.2,1) .2s forwards slideDown;display:flex;position:fixed;top:24px;left:0;right:0;transform:translateY(-100%)}@keyframes slideDown{to{transform:translateY(0)}}.navbar.scrolled{border-radius:0;width:100%;max-width:100%;top:0}.logo{color:var(--primary);transition:var(--transition);opacity:0;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;text-decoration:none;animation:.6s ease-out .3s forwards fadeIn;display:flex;position:relative;transform:translateY(-10px)}.navbar .logo{margin-bottom:0;line-height:1}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.logo:hover{color:var(--on-surface)}.logo-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.logo-icon svg{width:100%;height:100%}.logo-icon .hex{stroke:var(--primary);stroke-width:5px;fill:none}.logo-icon .chip{fill:var(--primary)}.nav-links{gap:var(--spacing-md);display:flex}.nav-link{color:var(--on-surface-secondary);transition:var(--spring);opacity:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:1.1rem;font-weight:500;text-decoration:none;animation:.6s ease-out forwards fadeIn;position:relative;transform:translateY(-10px)}.nav-link:first-child{animation-delay:.4s}.nav-link:nth-child(2){animation-delay:.5s}.nav-link:nth-child(3){animation-delay:.6s}.nav-link:hover{color:var(--on-surface);background:#5de9d41a;transform:translateY(-2px)}.nav-link.active{color:var(--on-surface);background:#5de9d426}.menu-btn{color:var(--on-surface);cursor:pointer;transition:var(--spring);opacity:0;padding:var(--spacing-xs);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;outline:none;font-size:1.6rem;animation:.6s ease-out .7s forwards fadeIn;display:none;transform:translateY(-10px)}@media (hover:hover){.menu-btn:hover{background:#5de9d41a;transform:scale(1.1)}}.menu-btn.active{animation:.5s bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero{min-height:85vh;padding:var(--spacing-xl) 5%;text-align:center;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--outline);background:radial-gradient(#5de9d40d 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;margin-top:64px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px;padding-top:var(--spacing-xl);opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards heroAppear;transform:translateY(30px)}@keyframes heroAppear{to{opacity:1;transform:translateY(0)}}.hero h1{margin-bottom:var(--spacing-sm);color:var(--on-surface);letter-spacing:-.03em;opacity:0;text-shadow:0 2px 10px #5de9d433;font-size:clamp(3.5rem,8vw,5rem);font-weight:800;line-height:1.1;animation:.6s ease-out .1s forwards fadeInUp;transform:translateY(20px)}.hero p{margin-bottom:var(--spacing-md);max-width:min(90%,700px);color:var(--on-surface-secondary);opacity:0;margin-left:auto;margin-right:auto;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:400;animation:.6s ease-out .2s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section{padding:var(--spacing-xl) 5%;max-width:1400px;margin:0 auto;position:relative}.section-title{margin-bottom:var(--spacing-lg);color:var(--on-surface);text-align:center;opacity:0;transition:var(--spring);font-size:clamp(2.2rem,6vw,3rem);font-weight:700;position:relative;transform:translateY(20px)}.section-title.visible{opacity:1;transform:translateY(0)}.section-title:after{content:"";background:var(--primary);width:min(120px,30vw);height:4px;margin:var(--spacing-sm) auto 0;transform-origin:50%;border-radius:2px;transition:transform .8s cubic-bezier(.4,0,.2,1);display:block;transform:scaleX(0)}.section-title.visible:after{transform:scaleX(1)}.products-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}.product-card{background:var(--surface);border-radius:var(--border-radius);padding:var(--spacing-md);transition:var(--spring);box-shadow:var(--elevation-1);border:1px solid var(--outline);opacity:0;-webkit-backdrop-filter:blur(6px);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(30px)scale(.98)}.product-card:hover{box-shadow:var(--elevation-3);border-color:var(--primary);background:#1a1d25b3;transform:translateY(-10px)scale(1.02)}.product-card:before{content:"";background:radial-gradient(circle at var(--x) var(--y), #5de9d41a 0%, transparent 70%);z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.product-card:hover:before{opacity:1}.app-icon{margin-bottom:var(--spacing-sm);color:var(--primary);transition:var(--spring);background:#5de9d41a;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:80px;height:80px;font-size:3.5rem;display:flex}.app-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:40px;height:40px}.product-card:hover .app-icon{transform:scale(1.1)}.app-title{color:var(--on-surface);transition:var(--spring);margin-bottom:12px;font-size:clamp(1.6rem,5vw,2rem);font-weight:700}.release-date{color:var(--primary);margin-bottom:var(--spacing-sm);transition:var(--spring);background:#5de9d41a;border-radius:30px;padding:8px 20px;font-size:1rem;font-weight:600;display:inline-block}.app-description{color:var(--on-surface-secondary);transition:var(--spring);font-size:clamp(1.05rem,3vw,1.15rem);line-height:1.7}.product-card.visible{opacity:1;transform:translateY(0)scale(1)}.about-content{text-align:center;max-width:min(90%,800px);margin:0 auto}.about-content p{color:var(--on-surface-secondary);opacity:0;transition:var(--spring);margin-bottom:25px;font-size:clamp(1.15rem,4vw,1.25rem);line-height:1.8;transform:translateY(40px)}.about-content p.visible{opacity:1;transform:translateY(0)}.founder-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border-radius:var(--border-radius);border-left:4px solid var(--primary);max-width:600px;box-shadow:var(--elevation-1);opacity:0;transition:var(--spring);-webkit-backdrop-filter:blur(6px);margin-left:auto;margin-right:auto;transform:translateY(40px)}.founder-info.visible{opacity:1;transform:translateY(0)}.founder-info p{color:var(--primary);margin:0;font-size:clamp(1.15rem,4vw,1.25rem);font-style:italic}.contact-section{width:100vw;padding:var(--spacing-xl) 0;border-top:1px solid var(--outline);background:linear-gradient(135deg,#1a1d25b3 0%,#23273280 100%);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}.contact-container{text-align:center;flex-direction:column;align-items:center;max-width:1400px;margin:0 auto;padding:0 5%;display:flex}.contact-info{margin-bottom:var(--spacing-sm)}.social-icons{margin:var(--spacing-md) 0;flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-icon{color:var(--on-surface);transition:var(--spring);border:1px solid var(--outline);opacity:0;background:#5de9d414;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;text-decoration:none;animation:.6s ease-out forwards fadeIn;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}@media (max-width:768px){.social-icon{width:56px;height:56px}}.social-icon:after{content:"";background:radial-gradient(circle at var(--x) var(--y), #5de9d433 0%, transparent 70%);z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-icon:hover:after{opacity:1}.social-icon:first-child{animation-delay:.4s}.social-icon:hover{color:var(--on-surface);border-color:var(--primary);transform:translateY(-5px)scale(1.1);box-shadow:0 4px 15px #5de9d426}.contact-email{margin:var(--spacing-sm) 0 var(--spacing-md);opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:1.2rem;animation:.6s ease-out .6s forwards fadeIn;display:flex;transform:translateY(20px)}.cta-button{color:var(--primary);cursor:pointer;transition:var(--spring);background:#5de9d41f;border:1px solid #5de9d44d;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.cta-button:hover{border-color:var(--primary);background:#5de9d426;transform:translateY(-2px);box-shadow:0 2px 12px #5de9d426}.cta-button:after{content:"";background:radial-gradient(circle at var(--x) var(--y), #5de9d44d 0%, transparent 70%);z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.cta-button:hover:after{opacity:1}footer{background:var(--surface);text-align:center;z-index:1;border-top:1px solid var(--outline);padding:24px 5%;position:relative;overflow:hidden}.footer-content{opacity:0;width:100%;max-width:100%;transition:var(--spring);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;display:flex;transform:translateY(40px)}footer.visible .footer-content{opacity:1;transform:translateY(0)}.footer-left{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:center;gap:1.25rem;display:flex}.footer-right{flex-flow:column wrap;justify-content:flex-end;align-items:flex-end;gap:.5rem;display:flex}.footer-links{flex-wrap:wrap;gap:1.25rem;display:flex}.footer-links a{color:var(--on-surface-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-copyright{color:var(--on-surface-secondary);font-size:.9rem;line-height:1.2}.powered-by{color:var(--on-surface-secondary);font-size:.85rem;line-height:1.2}.powered-by a{color:var(--on-surface-secondary);text-decoration:none;transition:color .2s}.powered-by a:hover{color:var(--primary)}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column;gap:.5rem}.footer-left,.footer-right{justify-content:center;align-items:center;width:100%}.footer-right{flex-direction:column;gap:.25rem}.footer-links{justify-content:center;gap:1rem}}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.twitter-x-logo{fill:currentColor;width:26px;height:26px;transition:var(--spring)}.social-icon:hover .twitter-x-logo{fill:var(--primary)}.mobile-menu{z-index:999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(12px);background:#0f1117f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-20px)}.mobile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-links{flex-direction:column;align-items:center;gap:25px;width:80%;max-width:400px;display:flex}.mobile-links a{color:var(--on-surface);transition:var(--bounce);text-align:center;opacity:0;border:1px solid var(--outline);background:#1a1d25b3;border-radius:15px;width:100%;padding:18px 25px;font-size:clamp(1.4rem,6vw,1.8rem);font-weight:500;text-decoration:none;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn;transform:translateY(20px);box-shadow:0 4px 20px #0000004d}@keyframes bounceIn{0%{opacity:0;transform:translateY(40px)scale(.7)}70%{transform:translateY(-10px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-menu.active .mobile-links a{opacity:1;transform:translateY(0)}.mobile-links a:first-child{animation-delay:.2s}.mobile-links a:nth-child(2){animation-delay:.3s}.mobile-links a:nth-child(3){animation-delay:.4s}.mobile-links a:hover{color:var(--primary);background:#5de9d41a;transform:translateY(-5px)scale(1.05)}.legal-page-wrapper{justify-content:center;width:100%;min-height:100vh;padding:120px 5% 80px;display:flex}.not-found-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{background:var(--surface);width:100%;max-width:900px;padding:var(--spacing-xl);border-radius:var(--border-radius);opacity:0;border:1px solid #5de9d426;animation:.6s cubic-bezier(.4,0,.2,1) .1s forwards containerAppear;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 8px 32px #0000004d}@keyframes containerAppear{to{opacity:1;transform:translateY(0)}}.container:before{content:"";background:var(--primary);transform-origin:0;width:100%;height:4px;animation:.5s cubic-bezier(.34,1.56,.64,1) .12s forwards underlineExpand;position:absolute;top:0;left:0;transform:scaleX(0)}@keyframes underlineExpand{to{transform:scaleX(1)}}.container .logo{margin-bottom:var(--spacing-md);opacity:0;align-items:center;gap:12px;animation:.4s ease-out 50ms forwards fadeIn;display:flex;transform:translateY(-10px)}.logo-icon{width:40px;height:40px;transition:var(--spring)}.logo:hover .logo-icon{transform:scale(1.1)}.logo-icon svg{width:100%;height:100%;transition:var(--spring)}.logo-text{color:var(--primary);transition:var(--spring);font-size:1.8rem;font-weight:700}.logo:hover .logo-text{color:var(--on-surface)}.container h1{margin-bottom:var(--spacing-md);color:var(--on-surface);padding-bottom:var(--spacing-sm);opacity:0;font-size:clamp(2.5rem,6vw,3rem);animation:.5s ease-out .15s forwards fadeInUp;position:relative;transform:translateY(20px)}.container h1:after{content:"";background:var(--primary);transform-origin:0;border-radius:2px;width:80px;height:4px;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s forwards underlineExpand;position:absolute;bottom:0;left:0;transform:scaleX(0)}.policy-content{margin-top:var(--spacing-md)}.policy-point{margin-bottom:var(--spacing-md);opacity:0;align-items:flex-start;gap:12px;animation:.5s ease-out .2s forwards fadeInUp;display:flex}.policy-icon{border:2px solid var(--primary);width:16px;height:16px;transition:var(--spring);background:0 0;border-radius:4px;flex-shrink:0;margin-top:8px}.policy-icon:hover{background:#5de9d433;transform:scale(1.1)}.policy-text{flex:1;min-width:0}.policy-text h3{color:var(--on-surface);transition:var(--spring);margin-bottom:10px;font-size:1.5rem}.policy-text p{color:var(--on-surface-secondary);transition:var(--spring);font-size:1.15rem;line-height:1.7}.policy-point:hover .policy-text h3{color:var(--primary)}.policy-point:hover .policy-text p{color:var(--on-surface)}.home-link{margin-top:var(--spacing-md);color:var(--primary);transition:var(--spring);opacity:0;background:#5de9d41a;border:1px solid #5de9d44d;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;animation:.5s ease-out .25s forwards fadeInUp;display:flex;transform:translateY(20px)}.home-link:hover{background:#5de9d426;transform:translateY(-3px);box-shadow:0 4px 12px #0003}.home-link svg{transition:var(--spring)}.home-link:hover svg{transform:translate(-5px)}.error-container{width:100%;max-width:600px;padding:var(--spacing-xl);text-align:center;margin:0;position:relative}.hex-icon{width:120px;height:120px;margin:0 auto var(--spacing-md);animation:4s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hex-icon svg{width:100%;height:100%}.error-container h1{margin-bottom:var(--spacing-sm);color:var(--primary);font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1.1}.error-container h2{margin-bottom:var(--spacing-md);color:var(--on-surface);font-size:clamp(1.5rem,5vw,2rem);font-weight:500}.error-container p{margin-bottom:var(--spacing-xl);color:var(--on-surface-secondary);max-width:500px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,4vw,1.25rem);line-height:1.7}.home-btn{color:var(--primary);-webkit-backdrop-filter:blur(4px);box-shadow:none;background:#5de9d41a;border:1px solid #5de9d433;border-radius:30px;padding:16px 40px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.home-btn:hover{border-color:var(--primary);background:#5de9d44d;transform:translateY(-3px);box-shadow:0 4px 15px #5de9d426}@media (max-width:992px){.nav-links{display:none}.menu-btn{display:block}.navbar,.navbar.scrolled{width:100%;max-width:100%;padding:var(--spacing-sm) 5%;border-radius:0;margin:0;top:0;left:0;right:0}}@media (max-width:768px){:root{--spacing-xl:48px;--spacing-lg:40px;--spacing-md:24px;--spacing-sm:12px}.hero{min-height:70vh}.products-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.social-icons{gap:16px}.social-icon{width:56px;height:56px}.legal-page-wrapper{padding:100px 4% 60px}.container{padding:var(--spacing-md)}.policy-text h3{font-size:1.25rem}.policy-text p{font-size:1rem;line-height:1.6}.policy-icon{width:14px;height:14px;margin-top:6px}}@media (max-width:576px){:root{--spacing-xl:40px;--spacing-lg:32px;--spacing-md:20px;--spacing-sm:12px}.hero{min-height:60vh}.contact-email{font-size:1.05rem}.legal-page-wrapper{padding:100px 3% 40px}.container{border-radius:16px;padding:16px}.container h1{font-size:clamp(2rem,8vw,2.5rem)}.policy-text h3{margin-bottom:6px;font-size:1.15rem}.policy-text p{font-size:1rem;line-height:1.6}.policy-icon{width:13px;height:13px;margin-top:5px}.policy-point{gap:10px;margin-bottom:20px}.error-container{padding:var(--spacing-md)}.hex-icon{width:90px;height:90px}}