:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #00f2ff;--secondary-accent: #7000ff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;height:100vh}#app{position:relative;width:100%;height:100%;display:flex}#tech-canvas{position:absolute;top:0;right:0;width:60%;height:100%;z-index:0;mask-image:linear-gradient(to right,transparent,black 20%);-webkit-mask-image:linear-gradient(to right,transparent,black 20%)}.content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;padding:2rem 4rem;pointer-events:none}.content>*{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:4rem}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;background:linear-gradient(45deg,var(--accent-color),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav{display:flex;gap:2rem;align-items:center}nav a{color:var(--text-color);text-decoration:none;font-size:.9rem;font-weight:500;opacity:.8;transition:opacity .3s}nav a:hover{opacity:1}.btn-nav{padding:.5rem 1.2rem;border:1px solid var(--glass-border);border-radius:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.btn-nav:hover{background:#ffffff1a;border-color:var(--accent-color)}.hero{flex:1;display:flex;align-items:center;max-width:50%}.hero-text h1{font-size:5rem;line-height:1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.highlight{color:var(--accent-color);text-shadow:0 0 20px rgba(0,242,255,.3)}.hero-text p{font-size:1.1rem;line-height:1.6;color:#ffffffb3;margin-bottom:2.5rem;max-width:400px}.cta-group{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:2rem;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary{background:var(--text-color);color:var(--bg-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.btn-secondary{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-color)}@media(max-width:768px){#tech-canvas{width:100%;opacity:.3;mask-image:none;-webkit-mask-image:none}.content{padding:1.5rem}.hero{max-width:100%;justify-content:center;text-align:center}.hero-text h1{font-size:3rem}.hero-text p{margin:0 auto 2rem}.cta-group{justify-content:center}}