body{background-color:#000;color:#fff;font-family:Hanken Grotesk,sans-serif}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;left:0;width:100vw;display:flex;align-items:center;justify-content:space-between;background:#000;border-bottom:#4c4c4c .01px solid;box-shadow:0 4px 10px #0000001a;z-index:1000;padding:10px 20px}.navbar-logo{font-size:1.5rem;font-weight:300;color:#fff;text-decoration:none;cursor:pointer}.navbar-logo:visited,.navbar-logo:hover,.navbar-logo:focus,.navbar-logo:active{color:#fff;text-decoration:none}.navbar-links{list-style:none;display:flex;gap:13px;padding:0;margin-right:20px}.navbar-links li a{text-decoration:none;color:#fff;font-size:.7rem;font-weight:500;transition:color .3s ease-in-out}.navbar-links li:last-child{margin-left:auto;margin-right:10px}.navbar-links li:last-child a{color:#6c35cc;font-size:.9rem;font-weight:700}.navbar-links li a:hover{color:#fff}.hero-title{font-size:5rem;font-weight:700}.hero-image{max-width:100%;height:auto;border-radius:10px}.hero-section{position:relative;overflow:hidden;height:67vh;text-align:center;padding:50px;display:flex;flex-direction:column;align-items:center}.hero-gradient-background{position:absolute;bottom:0;left:0;width:100%;height:0%;background:radial-gradient(ellipse at center bottom,#ff450099,#ff8c0066 30%,#0000 70%);animation:growUp 2s cubic-bezier(.55,.06,.68,.19) forwards;z-index:-1;pointer-events:none;opacity:1}@keyframes growUp{0%{height:0%}to{height:25%}}.card{transition:transform .8s cubic-bezier(.05,.43,.25,.95);background-size:cover;background-position:center;background-repeat:no-repeat}.card-group{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:relative;width:100%;max-width:90vmin}.card-wrapper{position:absolute;width:40vmin;aspect-ratio:7/5}.bigcard{width:100%;aspect-ratio:7/5;background-color:#f0ffff00;border-radius:2vmin;position:relative}.littlecard{width:17vmin;aspect-ratio:7/5;border-radius:1vmin;background-color:#f0ffff00;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-wrapper:nth-child(1)>.littlecard:nth-child(2){background-image:url(/5.webp)}.card-wrapper:nth-child(2)>.littlecard:nth-child(2){background-size:70%;background-image:url(/neza.webp)}.card-wrapper:nth-child(3)>.littlecard:nth-child(2){background-size:80%;background-image:url(/reactlogo.webp)}.card-wrapper:nth-child(4)>.littlecard:nth-child(2){background-image:url(/swift.webp)}.card-wrapper:nth-child(1)>.bigcard:nth-child(1){background-size:80%;background-image:url(/1.webp);transform:translate(-19%) rotate(-4deg)}.card-wrapper:nth-child(2)>.bigcard:nth-child(1){background-size:95%;background-image:url(/6.webp);transform:translate(-10%) rotate(-3deg)}.card-wrapper:nth-child(3)>.bigcard:nth-child(1){background-image:url(/7.webp);transform:translate(-3%) translateY(0) rotate(2deg)}.card-wrapper:nth-child(4)>.bigcard:nth-child(1){background-image:url(/10.webp);transform:translate(2%) translateY(4%) rotate(4deg)}.card-wrapper:nth-child(1)>.bigcard.active{transform:translate(-76%,15%) rotate(-18deg)}.card-wrapper:nth-child(2)>.bigcard.active{transform:translate(-25%,1%) rotate(-10deg)}.card-wrapper:nth-child(3)>.bigcard.active{transform:translate(25%,3%) rotate(3deg)}.card-wrapper:nth-child(4)>.bigcard.active{transform:translate(78%,12%) rotate(16deg)}.card-wrapper:nth-child(1)>.littlecard.active{transform:translate(-200%,-190%) rotate(16deg)}.card-wrapper:nth-child(2)>.littlecard.active{transform:translate(130%,-190%) rotate(-20deg)}.card-wrapper:nth-child(3)>.littlecard.active{transform:translate(-180%,100%) rotate(2deg)}.card-wrapper:nth-child(4)>.littlecard.active{transform:translate(50%,100%) rotate(-10deg)}h2{color:#000;justify-self:left}.products-container{background:#fff;padding:20px;border-radius:20px;box-shadow:0 4px 10px #0000001a}.products-container h2{font-size:1.8rem;margin-bottom:20px}.wrapper{display:flex;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;color:#fff;font-weight:100;min-width:120px;gap:10px}.wrapper::-webkit-scrollbar{display:none}.item{position:relative;border-radius:.6em;min-width:180px;height:350px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:10px}.item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;border-radius:.6em;z-index:0}.item h3{position:relative;z-index:1;color:#fff;font-size:1.1rem;margin-bottom:10px}@media (min-width: 768px){.item{min-width:250px;height:420px}.item h3{font-size:1.3rem}}@media (min-width: 1024px){.item{min-width:400px;height:630px}.item h3{font-size:1.8rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#1e1e1e;color:#fff;padding:30px;border-radius:12px;max-width:500px;text-align:center;box-shadow:0 0 20px #ffffff1a;position:relative;animation:fadeIn .3s ease-out}.modal-content h2{color:#854cef;font-size:1.8rem;margin-bottom:20px}.modal-close{margin-top:20px;background:#dc143c;color:#fff;border:none;padding:10px 20px;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s ease}.modal-close:hover{background:#8b0000}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif}.card-container{perspective:1000px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.card-body{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:300px;transform-style:preserve-3d;transition:transform .1s linear,box-shadow .3s ease-out;box-shadow:0 10px 20px #ffffff1a;position:relative}.card-body:hover{box-shadow:0 15px 35px #fff3}.card-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center}.card-description{color:#bbb;font-size:.9rem;margin-top:8px;text-align:center}.card-image img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-top:16px;transition:transform .3s ease-in-out}.card-container a{text-decoration:none;color:inherit}.card-container a:visited,.card-container a:hover,.card-container a:focus,.card-container a:active{text-decoration:none;color:inherit}@media (min-width: 1024px){.card-container{justify-content:space-evenly;padding:40px 80px;gap:40px}.card-body{width:700px;height:500px;padding:20px}.card-title{font-size:2.4rem;margin-top:0}.card-description{font-size:1rem}.card-image img{height:320px}}.footer{background:#000;color:#fff;padding:40px 60px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700}.logo-icon{margin-right:10px;height:1em;width:1em}.footer-columns{display:flex;gap:40px}.footer-column h4{font-size:1.2rem;margin-bottom:10px}.footer-column ul{font-size:.7rem;list-style:none;padding:0}.footer-column ul li{margin:5px 0}.footer-column ul li a{text-decoration:none;color:#fff;opacity:.8;transition:opacity .3s ease-in-out}.footer-column ul li a:hover{opacity:1}.footer-social{display:flex;gap:15px}.social-icon{font-size:1.5rem;color:#fff;cursor:pointer;transition:transform .3s ease-in-out}.social-icon:hover{transform:scale(1.2)}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader-spinner{width:80px;height:80px;border:8px solid #3b82f6;border-top:8px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;box-shadow:0 0 12px #0000001a;transform:scale(1.1)}.loader-text{font-size:1.2rem;color:#4b5563;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}