:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-container{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(10,14,39,.4) 100%);z-index:2;pointer-events:none}.content-wrapper{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem;transition:all .8s cubic-bezier(.4,0,.2,1)}.logo-container{position:relative;width:400px;height:400px;max-width:90vw;max-height:40vh;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.4,0,.2,1)}.logo-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(135,206,235,.3) 0%,transparent 70%);filter:blur(40px);z-index:-1}.logo-svg{position:absolute;width:100%;height:100%;max-width:400px;max-height:400px;z-index:2}.logo-image{width:38%;max-width:150px;height:auto;z-index:3;filter:brightness(1.2) contrast(1.1);transition:transform .3s ease}.company-name{display:flex;justify-content:center;align-items:center;margin-top:-20px;width:100%;max-width:500px;transition:all .8s cubic-bezier(.4,0,.2,1)}.company-name svg{width:100%;max-width:500px;height:auto}.tagline-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.tagline-title{font-size:1.5rem;color:#ffffffe6;font-weight:400;letter-spacing:.08em}.tagline{display:flex;gap:1rem;font-size:1.2rem;color:#fffc;font-weight:300;letter-spacing:.05em}.tagline-item{position:relative;transition:all .3s ease}.tagline-item:hover{color:#87ceeb;transform:translateY(-2px)}.separator{color:#87ceeb80}.floating-clouds{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.cloud{position:absolute;background:radial-gradient(ellipse,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.cloud-1{width:400px;height:200px;top:10%;left:-200px;animation-delay:0s}.cloud-2{width:300px;height:150px;top:50%;right:-150px;animation-delay:7s}.cloud-3{width:500px;height:250px;bottom:10%;left:50%;transform:translate(-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(100px) translateY(-20px)}50%{transform:translate(-50px) translateY(10px)}75%{transform:translate(50px) translateY(-10px)}}@media (max-width: 768px){.content-wrapper{gap:1rem}.logo-container{width:250px;height:250px}.logo-svg{max-width:250px;max-height:250px}.logo-image{width:45%;max-width:120px}.company-name{margin-top:-10px;max-width:350px}.company-name svg{max-width:350px}.tagline-title{font-size:1.3rem}.tagline{flex-direction:column;text-align:center;gap:.5rem;font-size:1rem}.separator{display:none}}@media (max-width: 480px){.logo-container{width:200px;height:200px}.logo-svg{max-width:200px;max-height:200px}.logo-image{width:45%;max-width:90px}.company-name{max-width:280px}.company-name svg{max-width:280px}.tagline-title{font-size:1.1rem}.tagline{font-size:.9rem}}.products-container{min-height:100vh;width:100%;position:relative;padding:4rem 2rem;overflow-y:auto}.products-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);z-index:-1}.products-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.products-heading{font-size:3rem;font-weight:600;color:#fff;text-align:center;margin-bottom:1rem;letter-spacing:.05em}.products-subtitle{font-size:1.2rem;color:#ffffffb3;text-align:center;margin-bottom:3rem;letter-spacing:.03em}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.product-card{background:#1a1f3a99;border:1px solid rgba(135,206,235,.2);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.product-card:hover{border-color:#87ceeb80;box-shadow:0 8px 32px #87ceeb26;background:#1a1f3acc}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-title{font-size:2rem;font-weight:600;color:#fff;margin:0;letter-spacing:.03em}.product-status{background:#87ceeb33;color:#87ceeb;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(135,206,235,.3)}.product-description{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1rem}.product-link{display:inline-block;color:#87ceeb;text-decoration:none;font-size:1rem;font-weight:500;margin-bottom:1.5rem;transition:all .3s ease;padding:.5rem 0}.product-link:hover{color:#fff;transform:translate(5px)}.product-section{margin-top:1.5rem}.product-section h3{font-size:1.1rem;color:#87ceeb;margin-bottom:.8rem;font-weight:500;letter-spacing:.05em}.product-features{list-style:none;padding:0;margin:0}.product-features li{color:#ffffffb3;font-size:.95rem;line-height:1.8;padding-left:1.5rem;position:relative}.product-features li:before{content:"▸";position:absolute;left:0;color:#87ceeb;font-weight:700}.product-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:#4682b44d;color:#87ceeb;padding:.4rem .9rem;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(135,206,235,.3);transition:all .2s ease}.tech-badge:hover{background:#4682b480;transform:translateY(-2px)}@media (max-width: 768px){.products-container{padding:2rem 1rem}.products-heading{font-size:2rem}.products-subtitle{font-size:1rem;margin-bottom:2rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:1.5rem}.product-title{font-size:1.5rem}.product-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.products-heading{font-size:1.8rem}.product-title{font-size:1.3rem}.product-description{font-size:.9rem}}