body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{background:linear-gradient(180deg,#4a148c,#1a1a1a 50%,#000);min-height:100vh;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}h1{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}h2,h3{font-weight:600;margin-bottom:1rem}h3{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.3}p{font-size:1.125rem;line-height:1.6;margin-bottom:1rem}.btn{align-items:center;background:#0000;border:1px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.btn-primary{background:#4a148c;border-color:#4a148c}.btn-primary:hover{background:#6a1b9a;border-color:#6a1b9a;color:#fff}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.card:hover{border-color:#fff3;transform:translateY(-5px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:768px){.container{padding:0 16px}.section{padding:60px 0}.btn{font-size:.9rem;padding:12px 24px}}@media (max-width:480px){.section{padding:40px 0}.grid{gap:1rem}}.screenshots-showcase{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);overflow:hidden;position:relative}.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#c266ff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.screenshots-showcase:before{background:radial-gradient(circle at 30% 20%,#4a148c1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#4a148c1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.showcase-header{margin-bottom:4rem;position:relative;text-align:center;z-index:2}.showcase-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-bottom:1rem}.highlight-text{-webkit-text-fill-color:#c266ff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#c266ff!important}.showcase-header p{color:#fffc;font-size:1.2rem;margin:0 auto;max-width:600px}.screenshots-container{position:relative;z-index:2}.screenshots-grid{align-items:flex-start;flex-wrap:wrap;gap:6rem;padding:3rem 0}.screenshots-grid,.stacked-group{display:flex;justify-content:center}.stacked-group{align-items:center;height:420px;margin:3rem 0;position:relative;width:600px}.project-info{left:0;position:absolute;right:0;text-align:center;top:-60px;z-index:5}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.project-description{color:#ffffffb3;font-size:1rem;margin:0 auto;max-width:500px}.stacked-card{border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 48px #0006,0 6px 24px #0000004d;cursor:pointer;height:380px;overflow:hidden;position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:560px}.stacked-card:hover{box-shadow:0 25px 60px #00000080,0 12px 32px #0006;z-index:10!important}.card-0{transform:translate(0);z-index:1}.card-0:hover{transform:translateY(-15px) scale(1.08)}.card-1{transform:translate(30px,30px);z-index:2}.card-1:hover{transform:translate(30px,15px) scale(1.08)}.card-2{transform:translate(60px,60px);z-index:3}.card-2:hover{transform:translate(60px,45px) scale(1.08)}.card-3{transform:translate(90px,90px);z-index:4}.card-3:hover{transform:translate(90px,75px) scale(1.08)}.card-count-2 .card-1{transform:translate(40px,40px)}.card-count-2 .card-1:hover{transform:translate(40px,25px) scale(1.08)}.card-count-4 .card-2{transform:translate(60px,60px)}.card-count-4 .card-2:hover{transform:translate(60px,45px) scale(1.08)}.screenshot-image{background:#ffffff08;border-radius:14px;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.stacked-card:hover .screenshot-image{filter:brightness(1.05) contrast(1.1);transform:scale(1.08)}.showcase-footer{margin-top:4rem;position:relative;text-align:center;z-index:2}.showcase-description{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}@media (max-width:1400px){.screenshots-grid{gap:5rem;padding:2.5rem 0}.stacked-group{height:360px;margin:2.5rem 0;width:520px}.stacked-card{height:320px;width:480px}}@media (max-width:1200px){.screenshots-grid{gap:4rem;padding:2rem 0}.stacked-group{height:320px;margin:2rem 0;width:460px}.stacked-card{height:280px;width:420px}}@media (max-width:768px){.showcase-header{margin-bottom:3rem}.showcase-header h2{font-size:2.5rem}.showcase-header p{font-size:1rem}.screenshots-grid{gap:3rem;padding:1.5rem 0}.stacked-group{height:250px;margin:2rem 0;width:360px}.stacked-card{height:220px;width:330px}.project-info{top:-50px}.project-title{font-size:1.2rem}.project-description{font-size:.8rem;max-width:280px}.card-1{transform:translate(25px,25px)}.card-1:hover{transform:translate(25px,10px) scale(1.08)}.card-2{transform:translate(50px,50px)}.card-2:hover{transform:translate(50px,35px) scale(1.08)}.card-3{transform:translate(20px,20px)}.card-3:hover{transform:translate(20px,5px) scale(1.08)}.showcase-footer{margin-top:3rem}.showcase-description{font-size:1rem}.stacked-card{cursor:pointer}.stacked-card:hover{box-shadow:0 12px 48px #0006,0 6px 24px #0000004d;transform:none!important}.stacked-card:hover .screenshot-image{filter:none;transform:none}.screenshot-image{cursor:pointer}}@media (max-width:480px){.screenshots-showcase{padding:60px 0}.showcase-header{margin-bottom:2rem}.showcase-header h2{font-size:2rem}.screenshots-grid{gap:2.5rem;padding:1rem 0}.stacked-group{height:220px;margin:1.5rem 0;width:320px}.stacked-card{height:190px;width:290px}.project-info{top:-45px}.project-title{font-size:1rem}.project-description{font-size:.75rem;max-width:250px}.card-1{transform:translate(20px,20px)}.card-1:hover{transform:translate(20px,5px) scale(1.08)}.card-2{transform:translate(40px,40px)}.card-2:hover{transform:translate(40px,25px) scale(1.08)}.card-3{transform:translate(15px,15px)}.card-3:hover{transform:translate(15px) scale(1.08)}.showcase-description{font-size:.9rem}.stacked-card{cursor:pointer}.stacked-card:hover{box-shadow:0 12px 48px #0006,0 6px 24px #0000004d;transform:none!important}.stacked-card:hover .screenshot-image{filter:none;transform:none}.screenshot-image{cursor:pointer}}.image-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-modal,.modal-content{align-items:center;display:flex;justify-content:center}.modal-content{max-height:90vh;max-width:90vw;position:relative}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-image{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%;object-fit:contain}@keyframes slideInStack{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.stacked-group{animation:slideInStack .6s ease-out forwards}.stacked-group:first-child{animation-delay:.1s}.stacked-group:nth-child(2){animation-delay:.2s}.stacked-group:nth-child(3){animation-delay:.3s}.stacked-group:nth-child(4){animation-delay:.4s}.stacked-group:nth-child(5){animation-delay:.5s}.stacked-group:nth-child(6){animation-delay:.6s}.stacked-group:nth-child(7){animation-delay:.7s}
/*# sourceMappingURL=main.97d5c0a9.css.map*/