@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.app-container{min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative;z-index:1}.header{padding:2rem 4rem;display:flex;align-items:center;gap:1.5rem;background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo-container{display:flex;align-items:center;gap:1rem}.header-logo{height:60px;width:auto;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.header-title{font-size:2.2rem;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.hero-section{position:relative;z-index:10;text-align:center;margin-bottom:4rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1500px;width:100%}.app-card-wrapper{display:flex;justify-content:center;align-items:center;text-decoration:none}.container{position:relative;width:100%;max-width:450px;aspect-ratio:1 / 1;transition:.2s}.container:active{transform:scale(.95)}.card-main{position:absolute;inset:0;z-index:0;display:flex;justify-content:center;align-items:center;border-radius:20px;transition:.7s;background:linear-gradient(45deg,#050505,#1a1a1a);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 0 30px #00000080,inset 0 0 20px #0003}.card-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-image-inner{width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .6s ease,opacity .6s ease}.prompt{bottom:40px;left:50%;transform:translate(-50%);z-index:20;font-size:18px;font-weight:600;letter-spacing:2px;transition:.3s ease-in-out;position:absolute;text-align:center;color:#ffffff80;text-shadow:0 0 10px rgba(255,255,255,.3);text-transform:uppercase}.title{opacity:0;transition:.3s ease-in-out;position:absolute;font-size:32px;font-weight:800;letter-spacing:2px;text-align:center;width:100%;top:20px;background:linear-gradient(45deg,#4258ff,#5adbce);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(66,88,255,.5))}.subtitle{position:absolute;bottom:30px;width:100%;text-align:center;font-size:10px;letter-spacing:2px;transform:translateY(30px);color:#fff9;opacity:0;transition:.3s ease-in-out}.highlight{color:#5adbce;margin-left:5px;background:linear-gradient(90deg,#4258ff,#ad51ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.glowing-elements{position:absolute;inset:0;pointer-events:none}.glow-1,.glow-2,.glow-3{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at center,#5adbce33,#5adbce00 70%);filter:blur(20px);opacity:0;transition:opacity .3s ease}.glow-1{top:-40px;left:-40px}.glow-2{top:50%;right:-50px;transform:translateY(-50%)}.glow-3{bottom:-40px;left:30%}.card-particles span{position:absolute;width:3px;height:3px;background:#5adbce;border-radius:50%;opacity:0;transition:opacity .3s ease}.tracker:hover~.card-main .title{opacity:1;transform:translateY(0)}.tracker:hover~.card-main .subtitle{opacity:1;transform:translateY(0)}.tracker:hover~.card-main .app-image-inner{opacity:.9;transform:scale(1.1)}.tracker:hover~.card-main .glowing-elements div{opacity:1}.tracker:hover~.card-main .card-particles span{animation:particleFloat 2s infinite}@keyframes particleFloat{0%{transform:translate(0);opacity:0}50%{opacity:1}to{transform:translate(calc(var(--x, 0) * 40px),calc(var(--y, 0) * 40px));opacity:0}}.card-particles span:nth-child(1){--x: 1;--y: -1;top:40%;left:20%}.card-particles span:nth-child(2){--x: -1;--y: -1;top:60%;right:20%}.card-particles span:nth-child(3){--x: .5;--y: 1;top:20%;left:40%}.card-particles span:nth-child(4){--x: -.5;--y: 1;top:80%;right:40%}.card-particles span:nth-child(5){--x: 1;--y: .5;top:30%;left:60%}.card-particles span:nth-child(6){--x: -1;--y: .5;top:70%;right:60%}.card-main:before{content:"";background:radial-gradient(circle at center,rgba(66,88,255,.1) 0%,rgba(90,219,206,.05) 50%,transparent 100%);filter:blur(20px);opacity:0;width:150%;height:150%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.tracker:hover~.card-main:before{opacity:1}.tracker{position:absolute;z-index:200;width:100%;height:100%}.tracker:hover{cursor:pointer}.tracker:hover~.card-main .prompt{opacity:0}.tracker:hover~.card-main{transition:.3s;filter:brightness(1.2);border-color:#5adbce66}.container:hover .card-main:before{opacity:.8}.canvas{perspective:1200px;inset:0;z-index:200;position:absolute;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.tr-1:hover~.card-main{transform:rotateX(15deg) rotateY(-10deg)}.tr-2:hover~.card-main{transform:rotateX(15deg) rotateY(-5deg)}.tr-3:hover~.card-main{transform:rotateX(15deg) rotateY(0)}.tr-4:hover~.card-main{transform:rotateX(15deg) rotateY(5deg)}.tr-5:hover~.card-main{transform:rotateX(15deg) rotateY(10deg)}.tr-6:hover~.card-main{transform:rotateX(10deg) rotateY(-10deg)}.tr-7:hover~.card-main{transform:rotateX(10deg) rotateY(-5deg)}.tr-8:hover~.card-main{transform:rotateX(10deg) rotateY(0)}.tr-9:hover~.card-main{transform:rotateX(10deg) rotateY(5deg)}.tr-10:hover~.card-main{transform:rotateX(10deg) rotateY(10deg)}.tr-11:hover~.card-main{transform:rotateX(0) rotateY(-10deg)}.tr-12:hover~.card-main{transform:rotateX(0) rotateY(-5deg)}.tr-13:hover~.card-main{transform:rotateX(0) rotateY(0)}.tr-14:hover~.card-main{transform:rotateX(0) rotateY(5deg)}.tr-15:hover~.card-main{transform:rotateX(0) rotateY(10deg)}.tr-16:hover~.card-main{transform:rotateX(-10deg) rotateY(-10deg)}.tr-17:hover~.card-main{transform:rotateX(-10deg) rotateY(-5deg)}.tr-18:hover~.card-main{transform:rotateX(-10deg) rotateY(0)}.tr-19:hover~.card-main{transform:rotateX(-10deg) rotateY(5deg)}.tr-20:hover~.card-main{transform:rotateX(-10deg) rotateY(10deg)}.tr-21:hover~.card-main{transform:rotateX(-15deg) rotateY(-10deg)}.tr-22:hover~.card-main{transform:rotateX(-15deg) rotateY(-5deg)}.tr-23:hover~.card-main{transform:rotateX(-15deg) rotateY(0)}.tr-24:hover~.card-main{transform:rotateX(-15deg) rotateY(5deg)}.tr-25:hover~.card-main{transform:rotateX(-15deg) rotateY(10deg)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-glare{position:absolute;inset:0;background:linear-gradient(125deg,#fff0,#ffffff0d 45%,#ffffff1a,#ffffff0d 55%,#fff0);opacity:0;transition:opacity .3s}.tracker:hover~.card-main .card-glare{opacity:1}.cyber-lines span{position:absolute;background:linear-gradient(90deg,transparent,rgba(66,88,255,.3),transparent)}.cyber-lines span:nth-child(1){top:20%;left:0;width:100%;height:1px;animation:lineGrow 3s linear infinite}.cyber-lines span:nth-child(2){top:40%;right:0;width:100%;height:1px;animation:lineGrow 3s linear infinite 1s}.cyber-lines span:nth-child(3){top:60%;left:0;width:100%;height:1px;animation:lineGrow 3s linear infinite 2s}.cyber-lines span:nth-child(4){top:80%;right:0;width:100%;height:1px;animation:lineGrow 3s linear infinite 1.5s}.corner-elements span{position:absolute;width:15px;height:15px;border:1.5px solid rgba(66,88,255,.4);transition:all .3s ease}.corner-elements span:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}.corner-elements span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.corner-elements span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.corner-elements span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.tracker:hover~.card-main .corner-elements span{border-color:#5adbcecc;box-shadow:0 0 10px #5adbce80}.scan-line{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(66,88,255,.1),transparent);transform:translateY(-100%);animation:scanMove 2s linear infinite}@keyframes lineGrow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.shader-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media(max-width:1024px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.header{padding:1.5rem 2rem;flex-direction:column;text-align:center}.header-title{font-size:1.8rem}.apps-grid{grid-template-columns:1fr;max-width:400px}.hero-title{font-size:2.5rem}}