* ::-webkit-scrollbar{display:none}a{color:#fff;text-decoration:none}a:hover{color:#fff}header{background-color:#000;color:#fff;width:100%;position:relative;z-index:10}.logo{z-index:100;position:relative;transition:all .3s ease-in-out;cursor:pointer}.logo h2{font-weight:700}.logo h2:hover{transition:all .3s ease-in-out;transform:rotate(3deg);text-shadow:1px 1px 2px white}.container{max-width:132rem;margin:auto}.grid{display:grid}.navbar-grid{grid-template-columns:.5fr 1fr;align-items:center;height:5rem;padding:0 25px}nav ul{display:flex;gap:2.3rem;justify-content:flex-end}nav ul li:hover{transition:all .3s ease-in-out;background-color:#fff;padding:0 10px;border-top-right-radius:6px;border-bottom-left-radius:6px}ul li{transition:all .3s ease-in-out;list-style-type:none}.ham-menu{display:none}@media screen and (max-width: 768px){.menu-web{display:none}.ham-menu{display:inline-block;text-align:end;cursor:pointer}.ham-menu button{background-color:#000;color:#fff;border:none}.menu-mobile{position:absolute;top:5rem;right:1rem;width:200px}.menu-mobile ul{width:100%;flex-direction:column;z-index:100;position:relative;background-color:#000;gap:30px;padding:30px;opacity:.8;text-align:center;filter:drop-shadow(2px 4px 6px white)}.menu-mobile ul li{transition:all .3s ease-in-out}.menu-mobile ul li:hover{transition:all .3s ease-in-out;background-color:#fff;font-size:20px;width:100%;border:1px solid white;filter:drop-shadow(1px 1px 2px white)}}*{margin:0;padding:0;box-sizing:border-box}.footer-container{position:relative;display:flex;justify-content:space-around;flex-wrap:wrap;background-color:#414141;color:#fff;padding:50px 40px;font-family:sans-serif;gap:0px 40px}.footer-links ul{text-align:start}.footer-links ul li{list-style-type:none}.footer-links h3{margin-bottom:20px}.footer-links li{margin-bottom:10px;transition:all .3s ease-in-out}.footer-links li:hover{border-bottom:2px solid white;transition:all .3s ease-in-out;background-color:#ddd;cursor:pointer;padding:0 10px;border-top-left-radius:6px;border-bottom-right-radius:6px}li:hover a{color:#000}ul li a{text-decoration:none;color:#fff}.footer-links li a:hover{color:#000}.social-links a:hover{color:#ddd}.follow-us h3{margin-bottom:20px}.follow-us .social-links{display:flex;justify-content:center;align-items:start;flex-direction:column}.social-links a:hover{border-bottom:2px solid white}.app-name{margin-left:10px}.follow-us .social-links a{text-decoration:none;color:#fff;display:block;margin-bottom:10px;width:100%;transition:all .3s ease-in-out}.follow-us .social-links a:hover{border-bottom:1px solid white;transition:all .3s ease-in-out;background-color:#ddd;padding-left:10px;color:#000;border-top-left-radius:6px;border-bottom-right-radius:6px}.footer-contact{width:33%}.footer-contact h3{margin-bottom:20px}.footer-contact p{transition:all .3s ease-in-out;margin:10px 0;cursor:pointer}.footer-contact p:hover{background-color:#ddd;color:#000;padding-left:10px;transition:all .3s ease-in-out;border-bottom:1px solid white;border-top-left-radius:6px;border-bottom-right-radius:6px}.footer-contact p a{text-decoration:none;color:#fff}p:hover a{color:#000}.copyright{background-color:#2b2b2b;color:#ddd;text-align:center;padding:20px 0;margin-bottom:0;position:relative;z-index:1}@media (max-width: 700px){.footer-container{gap:50px 40px}}*{margin:0;padding:0}video{height:80vh;text-align:center;z-index:0;position:absolute}.hero{position:relative;z-index:10;overflow:hidden;background:linear-gradient(135deg,#000 30%,#111);display:flex;justify-content:center;align-items:center;padding:0 2rem;text-align:center;color:#fff;z-index:1}#threejs-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.hero-content{-webkit-user-select:none;user-select:none}.hero-content h1{font-size:3rem;font-weight:900;margin:0 0 .5rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7)}.Typewriter__wrapper{font-size:20px}.hero-content h2{font-weight:400;margin:0 0 2rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7)}.hero-content button{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;color:#000;border:none;border-radius:50px;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 5px 15px #fff6;background:#fff}.hero-content button:hover,.hero-content button:focus{background:#ccc;outline:none;transform:scale(1.05)}.hero{position:relative;height:90vh;overflow:hidden}#threejs-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.Typewriter__wrapper{font-size:3rem;font-weight:900;margin:0 0 .5rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7)}.Typewriter__cursor{display:none}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;top:10%;transform:translateY(-50%)}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content h2{font-size:1.5rem;margin-bottom:2rem}.hero-content button{padding:.75rem 2rem;font-size:1rem;background-color:#fff;color:#000;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.hero-content button:hover{background-color:#ddd}*{margin:0;padding:0;font-family:sans-serif}.designs{background-color:#333}.designs .title{text-align:center;padding-top:40px;color:#fff}.gallery{display:grid;grid-template-columns:1fr 1fr}.gallery div{text-align:center;margin:10px 20px}.design-image{height:300px;filter:grayscale(100%);border-radius:12px;transition:all .4s ease-in-out}.design-image:hover{filter:grayscale(0%);border-radius:16px;transition:all .4s ease-in-out;filter:drop-shadow(2px 2px 3px white);transform:rotate(1deg)}@media (max-width: 768px){.gallery{grid-template-columns:100%}.design-image{height:auto}}#about-hero{padding:0}.about-container{background-color:#000;color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:18px}.about-container h1{text-align:center;margin:30px 0;padding:20px 0;border-bottom:2px solid white;width:65%}.about-container p{margin-bottom:20px;font-size:18px;color:#e0e0e0;width:65%;text-align:center}.about-container ul{margin:20px 0;width:65%}ul h2{text-align:start;margin:10px 0;border-left:2px solid white;padding-left:10px}ul li{margin:7px 0}.contact-wrapper .input-group{position:relative}.input-group input,textarea{width:100%}.contact-section{background:#121212;color:#eee;padding:4rem 1.5rem;display:flex;justify-content:center;align-items:center;min-height:60vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;clip-path:polygon(0 0,0 0,0 100%,0 100%);animation:revealClip 1.2s forwards ease-out;overflow:hidden}@keyframes revealClip{to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.contact-wrapper{max-width:480px;width:100%;background:#1e1e1e;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 0 20px #ffffff4d,0 0 50px #ffffff26;text-align:center;position:relative;animation:floatWrapper 6s ease-in-out infinite}@keyframes floatWrapper{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-wrapper h2{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;text-shadow:0 0 10px #fff,0 0 20px #fff;animation:floatText 4s ease-in-out infinite}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.contact-wrapper p{font-weight:300;margin-bottom:2rem;font-size:1.1rem;color:#bbb;text-shadow:0 0 6px #aaa}.contact-wrapper form{position:relative;display:flex;flex-direction:column;gap:1.6rem;text-align:left}.contact-wrapper input,.contact-wrapper textarea{background:#2c2c2c;border:2px solid #444;border-radius:12px;padding:1rem 1.2rem 1.2rem;font-size:1rem;color:#eee;font-family:inherit;resize:vertical;outline:none;box-shadow:0 0 0 transparent;transition:border-color .4s ease,box-shadow .4s ease,transform .3s ease;clip-path:polygon(10% 0,90% 0,100% 100%,0% 100%);animation:clipIn .7s ease forwards;position:relative;z-index:1}@keyframes clipIn{0%{clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);opacity:0}to{clip-path:polygon(10% 0,90% 0,100% 100%,0% 100%);opacity:1}}.contact-wrapper input::placeholder,.contact-wrapper textarea::placeholder{color:transparent}.contact-wrapper label{position:absolute;left:1.2rem;top:1.2rem;font-weight:600;font-size:.9rem;color:#ccc;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:left bottom;transition:transform .3s ease,color .3s ease;background:transparent;z-index:2}.contact-wrapper input:focus+label,.contact-wrapper textarea:focus+label,.contact-wrapper input:not(:placeholder-shown)+label,.contact-wrapper textarea:not(:placeholder-shown)+label{transform:translateY(-1rem) scale(.85);color:#fff}.contact-wrapper input:focus,.contact-wrapper textarea:focus{border-color:#fff;box-shadow:0 0 12px 3px #fff9,inset 0 0 8px #ffffff4d;transform:scale(1.03)}.contact-wrapper button{margin-top:1rem;background:#fff;color:#121212;border:none;padding:1.2rem;font-weight:700;font-size:1.15rem;border-radius:16px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 0 8px #fff,0 0 15px #fff inset;transition:box-shadow .4s ease,transform .3s ease,background-color .3s ease;animation:pulseGlow 3s infinite ease-in-out}.contact-wrapper button:hover,.contact-wrapper button:focus{box-shadow:0 0 20px #fff,0 0 40px #fff inset;transform:scale(1.1);outline:none}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #fff,0 0 15px #fff inset}50%{box-shadow:0 0 20px #fff,0 0 40px #fff inset}}@media (max-width: 520px){.contact-section{padding:3rem 1rem}.contact-wrapper{padding:2rem 1.5rem}.contact-wrapper h2{font-size:2rem}}.container-fluid{background-color:#333}img{width:100%;height:80vh;margin:50px 0;border-radius:16px}.carousel-indicators{bottom:50px}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:#000;border-radius:50%}@media screen and (max-width:768px){img{height:auto}}
