:root{--bg-color: #050510;--bg-card: #12122b;--primary-color: #00f0ff;--secondary-color: #0055ff;--accent-color: #ff0055;--text-color: #ffffff;--text-dim: #a0a0b0;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif;--container-width: 1200px;--header-height: 80px}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}a{text-decoration:none;color:inherit;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.text-primary{color:var(--primary-color)}.text-center{text-align:center}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-4{gap:1rem}.mt-4{margin-top:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app{min-height:100vh;position:relative}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:transparent;border-bottom:none;z-index:100;display:flex;align-items:center}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:1.5rem;font-weight:800;color:var(--text-color);letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.logo span{color:var(--primary-color)}.logo-img{height:48px;width:auto;object-fit:contain}.nav-links{display:flex;gap:2rem}.nav-link{font-weight:500;color:var(--text-dim);font-size:.95rem}.nav-link:hover{color:var(--primary-color)}.hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding-top:var(--header-height);background:radial-gradient(circle at center,#0f0f23,#050510)}.hero-grid{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:grid-move 20s linear infinite;z-index:1;pointer-events:none}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(50px) translateZ(-200px)}}.hero-decoration{position:absolute;border-radius:50%;filter:blur(60px);z-index:1;animation:float 10s ease-in-out infinite}.circle-1{width:300px;height:300px;background:#0055ff26;top:20%;left:10%;animation-delay:0s}.circle-2{width:400px;height:400px;background:#00f0ff1a;bottom:10%;right:5%;animation-delay:-5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.relative{position:relative}.z-10{z-index:10}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.5)}.hero h1 .highlight{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;filter:drop-shadow(0 0 15px rgba(0,240,255,.3))}.hero p{font-size:1.25rem;color:var(--text-dim);max-width:600px;margin-bottom:2.5rem;line-height:1.6;background:#05051099;padding:10px 20px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.05)}.cta-button{background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));color:#000;font-weight:600;padding:14px 32px;border-radius:50px;font-size:1.1rem;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00f0ff33;opacity:1}.showcase{padding:100px 0;position:relative}.section-title{font-size:2.5rem;text-align:center;margin-bottom:4rem;font-weight:700}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.app-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:transform .3s,border-color .3s;display:flex;flex-direction:column;height:100%}.app-card:hover{transform:translateY(-10px);border-color:#fff3;background:#ffffff14}.app-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--bg-card),var(--bg-color));border-radius:20px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid var(--glass-border);overflow:hidden;padding:0}.app-icon-img{width:100%;height:100%;object-fit:cover}.app-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.app-desc{color:var(--text-dim);line-height:1.5;margin-bottom:2rem;flex-grow:1}.app-link{color:var(--primary-color);font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.app-link:hover{gap:.8rem}.footer{padding:3rem 0;border-top:1px solid var(--glass-border);text-align:center;color:var(--text-dim);font-size:.9rem;margin-top:50px}@media(max-width:768px){.hero h1{font-size:2.5rem}}.contact-info{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color)}.contact-info a{color:var(--primary-color);font-weight:600;text-decoration:none}.contact-info a:hover{text-decoration:underline}