@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #8a2be2;--primary-light: #9d4edd;--secondary: #6a00f4;--text: #f8f9fa;--text-muted: #b0b0b0;--bg-dark: #0f0f1a;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shine: rgba(255, 255, 255, .05);--glass-shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;min-height:100vh;z-index:1}.bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,#6a00f4,#0f0f1a 70%),radial-gradient(circle at bottom left,#8a2be2,transparent 60%);z-index:-2}.glass-blur{position:fixed;width:100%;height:100%;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);z-index:-1;opacity:.7}a{color:inherit;text-decoration:none}section{padding:6rem 2rem;max-width:1200px;margin:0 auto}h1,h2,h3{line-height:1.2}h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#b0b0b0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;position:relative}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--primary);border-radius:2px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;padding:1.5rem 2rem}.navbar.scrolled{background:#0f0f1acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);padding:1rem 2rem}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:.75rem}.logo img{height:32px}.logo span{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#fff,var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-weight:500;position:relative;transition:all .2s ease}.nav-links a:not(.install-btn):after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-links a:not(.install-btn):hover:after{width:100%}.install-btn{background:var(--primary);color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:1px solid var(--primary-light)}.install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}.hero{display:flex;align-items:center;min-height:100vh;padding-top:120px}.hero-content{flex:1;padding-right:3rem}.hero-content h1,.hero-content p{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.hero-content h1.animate-in,.hero-content p.animate-in{opacity:1;transform:translateY(0)}.hero-content p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--text-muted);max-width:600px}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.primary-btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;padding:.875rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;box-shadow:0 4px 20px #8a2be24d}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8a2be280}.secondary-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:.875rem 2rem;border-radius:50px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.secondary-btn:hover{background:#ffffff1a;transform:translateY(-3px)}.hero-image{flex:1;position:relative}.browser-mockup{width:100%;max-width:600px;background:#1e1e2d99;border-radius:10px;overflow:hidden;box-shadow:0 25px 50px #0000004d;border:1px solid var(--glass-border);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.browser-header{display:flex;padding:.75rem 1rem;background:#0f0f1ae6;border-bottom:1px solid var(--glass-border)}.browser-actions{display:flex;gap:6px;margin-right:1rem}.browser-action{width:12px;height:12px;border-radius:50%;cursor:pointer}.browser-action:hover{transform:scale(1.1);transition:all .3s ease}.browser-action.red{background-color:#ff5f56}.browser-action.yellow{background-color:#ffbd2e}.browser-action.green{background-color:#27c93f}.browser-address{flex:1;background:#0003;border-radius:5px;padding:.25rem 1rem;font-size:.75rem;color:var(--text-muted)}.browser-address:hover{background:#0000004d;transition:all .3s ease}.browser-content{height:auto;padding:0;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.browser-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,transparent 40%,transparent 60%,var(--secondary) 100%);opacity:.05;z-index:-1}.browser-content img{width:100%;height:100%;border-radius:0 0 10px 10px}.glass-panel{height:120px;background:#ffffff08;border-radius:8px;border:1px solid var(--glass-border);box-shadow:0 4px 30px var(--glass-shadow);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--glass-shine) 0%,transparent 60%);opacity:.4}.glass-panel.small{height:60px}.glass-panel.medium{height:90px}.features{position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:var(--card-bg);border-radius:16px;padding:2rem;transition:all .3s ease;border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;height:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:var(--primary)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.feature-card:hover:before{opacity:.05}.feature-icon{width:60px;height:60px;background:#8a2be21a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:1px solid rgba(138,43,226,.2)}.feature-icon i{font-size:1.5rem;color:var(--primary)}.feature-card h3{font-size:1.25rem;margin-bottom:1rem}.feature-card p{color:var(--text-muted);font-size:.95rem}[class^=icon-]{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-sparkles{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238a2be2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z' /%3E%3C/svg%3E")}.icon-globe{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238a2be2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E")}.icon-bolt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238a2be2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z' /%3E%3C/svg%3E")}.icon-palette{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238a2be2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01' /%3E%3C/svg%3E")}.icon-github{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}.icon-linkedin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z'/%3E%3C/svg%3E")}.update-logs{position:relative}.logs-container{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.log-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;border-left:4px solid var(--primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);transition:all .3s ease}.log-card:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.log-header h3{font-size:1.2rem;color:var(--primary-light)}.date{font-size:.85rem;color:var(--text-muted)}.log-card ul{padding-left:1.5rem}.log-card li{margin-bottom:.5rem;font-size:.95rem}.footer{padding:2rem;background:#0f0f1a99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--glass-border)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.social-links{display:flex;gap:1rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;transition:all .3s ease}.social-links a:hover{background:#8a2be233;transform:translateY(-3px)}@media (max-width: 992px){h1{font-size:2.8rem}.hero{flex-direction:column;padding-top:100px;gap:4rem}.hero-content{padding-right:0;text-align:center}.hero-content p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.browser-mockup{margin:0 auto}}@media (max-width: 768px){section{padding:4rem 1.5rem}h1{font-size:2.2rem}h2{font-size:2rem}.nav-links{display:none}.nav-content{justify-content:center}.features-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 480px){h1{font-size:1.8rem}.hero-buttons{flex-direction:column;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.log-header{flex-direction:column;align-items:flex-start;gap:.5rem}}marquee{display:block;white-space:nowrap;overflow:hidden;width:100%;padding:10px 0}.marquee-images img{margin-right:20px;height:50px}.marquee-section{padding:6rem 0;overflow:hidden;position:relative}.marquee-container{width:100%;overflow:hidden;position:relative;margin-top:3rem}.marquee-container:before,.marquee-container:after{content:"";position:absolute;top:0;width:200px;height:100%;z-index:2}.marquee-container:before{left:0;background:linear-gradient(to right,var(--bg-dark),transparent)}.marquee-content{margin:1rem 0;display:flex;gap:2rem;animation:scrollX 40s linear infinite;width:fit-content}.marquee-section.active .marquee-content{animation-play-state:running}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.marquee-item{flex:0 0 auto}.marquee-image{width:500px;height:350px;border-radius:16px;transition:all .3s ease;border:1px solid var(--glass-border);box-shadow:0 15px 30px #0003}.marquee-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;transition:all .3s ease}.marquee-image:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.image-placeholder{height:200px;background:linear-gradient(135deg,#8a2be233,#6a00f433);position:relative;overflow:hidden}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:.7}.marquee-item:nth-child(4n+1) .image-placeholder{background:linear-gradient(135deg,#6a00f433,#8a2be233)}.marquee-item:nth-child(4n+2) .image-placeholder{background:linear-gradient(135deg,#8a2be233,#6a00f44d)}.marquee-item:nth-child(4n+3) .image-placeholder{background:linear-gradient(135deg,#6a00f44d,#8a2be24d)}.marquee-item:nth-child(4n+4) .image-placeholder{background:linear-gradient(135deg,#8a2be24d,#6a00f433)}.marquee-item:nth-child(odd) .image-placeholder:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-20px;right:-20px}.marquee-item:nth-child(2n) .image-placeholder:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);bottom:-20px;left:-20px}.image-description{margin-top:1rem;padding:.4rem 1rem;font-size:.95rem;text-align:center;background:#0f0f1a99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px}@media (max-width: 768px){.marquee-image{width:250px}.image-placeholder{height:170px}}@media (max-width: 480px){.marquee-image{width:220px}.image-placeholder{height:150px}}