*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#fff}.landing-page{min-height:100vh;background:linear-gradient(135deg,#020617,#0f172a,#020617)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .5s ease;background:transparent}.navbar-scrolled{background:#020617f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 25px 50px -12px #06b6d41a}.navbar-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.75rem;animation:fade-in 1s ease-out}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#4ade80,#06b6d4,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 10px 25px -5px #06b6d44d}.logo-icon img{width:48px;height:48px;border-radius:12px}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#4ade80,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;gap:2rem;font-size:.875rem;font-weight:500}.nav-link{color:#fff;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#06b6d4}@media(max-width:768px){.navbar-menu{display:none}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:5rem}.hero-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-circle{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(80px);animation:pulse-slow 4s ease-in-out infinite}.bg-circle-1{top:25%;left:25%;background:#06b6d41a}.bg-circle-2{bottom:25%;right:25%;background:#a855f71a;animation-delay:1s}.bg-circle-3{top:50%;left:50%;background:#4ade801a;animation-delay:2s}.hero-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center;position:relative;z-index:10}.hero-content{animation:slide-up .8s ease-out}.hero-title{font-size:6rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}.hero-title-gradient{background:linear-gradient(90deg,#4ade80,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient 3s ease infinite}.hero-title-white{color:#fff}.hero-subtitle{font-size:1.5rem;color:#94a3b8;margin-bottom:3rem;max-width:768px;margin-left:auto;margin-right:auto;font-weight:300;line-height:1.75}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(90deg,#10b981,#06b6d4);color:#fff;box-shadow:0 25px 50px -12px #06b6d44d}.btn-primary:hover{box-shadow:0 25px 50px -12px #06b6d480;transform:scale(1.05)}.btn-secondary{background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff}.btn-secondary:hover{background:#ffffff1a;transform:scale(1.05)}.code-decoration{position:absolute;font-size:6rem;font-family:monospace;opacity:.2;animation:float 6s ease-in-out infinite}.code-left{top:5rem;left:2.5rem;color:#4ade80}.code-right{bottom:5rem;right:2.5rem;color:#06b6d4;animation-delay:.5s}@media(max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.125rem}.code-decoration{display:none}}.apps-section{padding:8rem 1.5rem;position:relative}.apps-container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem;animation:fade-in-up .8s ease-out}.section-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(90deg,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.25rem;color:#94a3b8;max-width:672px;margin:0 auto}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem}@media(max-width:768px){.apps-grid{grid-template-columns:1fr}.section-title{font-size:2.5rem}}.app-card{background:linear-gradient(135deg,#1e293b80,#0f172a80);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(71,85,105,.5);border-radius:24px;padding:2rem;transition:all .5s ease;animation:fade-in-up .8s ease-out}.app-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #06b6d433}.app-card-nexus:hover{border-color:#06b6d480}.app-card-saia{animation-delay:.2s}.app-card-saia:hover{border-color:#a855f780}.app-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.app-icon{width:96px;height:96px;background:#1e293b;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #0000004d;border:1px solid #334155;transition:transform .3s ease}.app-icon img{width:96px;height:96px;border-radius:24px}.app-card:hover .app-icon{transform:scale(1.1)}.app-info{flex:1}.app-title{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:.5rem}.app-category{font-weight:600;font-size:.875rem}.app-category-green{color:#4ade80}.app-category-purple{color:#a855f7}.app-description{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.75}.app-details{margin-bottom:1.5rem}.details-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.details-title-cyan{color:#06b6d4}.details-title-purple{color:#a855f7}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.875rem;color:#94a3b8}.game-item{display:flex;align-items:center;gap:.5rem}.game-dot{width:8px;height:8px;border-radius:50%}.game-dot-green{background:#10b981}.game-dot-cyan{background:#06b6d4}.game-dot-purple{background:#a855f7}.app-features{margin-bottom:1.5rem}.features-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#94a3b8}.features-list li{display:flex;align-items:flex-start;gap:.5rem}.feature-check{color:#10b981;margin-top:.25rem}.feature-check-purple{color:#a855f7}.app-highlight{background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:1rem;margin-bottom:1.5rem}.highlight-text{font-size:.875rem;color:#c4b5fd;font-style:italic}.store-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;border-radius:16px;font-weight:700;color:#fff;text-decoration:none;transition:all .3s ease}.store-button-green{background:linear-gradient(90deg,#10b981,#06b6d4);box-shadow:0 10px 25px -5px #06b6d44d}.store-button-green:hover{box-shadow:0 10px 25px -5px #06b6d480;transform:scale(1.05)}.store-button-purple{background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 10px 25px -5px #a855f74d}.store-button-purple:hover{box-shadow:0 10px 25px -5px #a855f780;transform:scale(1.05)}.store-icon{width:24px;height:24px}.about-section{padding:8rem 1.5rem;background:linear-gradient(135deg,#0f172a80,#02061780);position:relative}.about-container{max-width:1024px;margin:0 auto}.about-card{background:linear-gradient(135deg,#1e293b80,#0f172a80);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(71,85,105,.5);border-radius:24px;padding:3rem;box-shadow:0 25px 50px -12px #0000004d;animation:fade-in-up .8s ease-out}.about-logo{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.about-logo-icon{width:128px;height:128px;background:linear-gradient(135deg,#4ade80,#06b6d4,#a855f7);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;box-shadow:0 25px 50px -12px #06b6d44d}.about-logo-icon img{width:128px;height:128px;border-radius:24px}.about-text{font-size:1.25rem;color:#cbd5e1;line-height:1.75;margin-bottom:2rem;text-align:center}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.value-card{background:#1e293b80;border-radius:16px;padding:1.5rem;border:1px solid}.value-card-green{border-color:#4ade8033}.value-card-cyan{border-color:#06b6d433}.value-card-purple{border-color:#a855f733}.value-icon{font-size:3rem;margin-bottom:1rem}.value-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.value-card-green .value-title{color:#4ade80}.value-card-cyan .value-title{color:#06b6d4}.value-card-purple .value-title{color:#a855f7}.value-description{font-size:.875rem;color:#94a3b8}.about-footer{text-align:center}.about-footer-text{color:#94a3b8;margin-bottom:1.5rem}.about-tagline{display:inline-flex;align-items:center;gap:.5rem;color:#06b6d4;font-weight:600}.sparkle{animation:pulse 2s ease-in-out infinite}.footer{padding:3rem 1.5rem;border-top:1px solid rgba(30,41,59,.5)}.footer-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:768px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#4ade80,#06b6d4,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:#fff;box-shadow:0 10px 25px -5px #0000004d}.footer-logo-icon img{width:40px;height:40px;border-radius:12px}.footer-logo-text{font-size:1.125rem;font-weight:700;background:linear-gradient(90deg,#4ade80,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-copyright{color:#64748b;font-size:.875rem}.footer-social{display:flex;gap:1.5rem}.social-link{color:#64748b;transition:color .3s ease}.social-link:hover{color:#06b6d4}.social-icon{width:24px;height:24px}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}