.navbar{height:100px}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}.navbar .wrapper span{font-weight:700;margin-left:60px}.navbar .wrapper span img{width:90px;height:90px;border-radius:50%}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:30px;height:30px;transition:transform .3s ease}.navbar .wrapper .social img:hover{transform:scale(1.1)}@media (max-width: 738px){.navbar{height:80px}.navbar .wrapper{padding:0 20px}.navbar .wrapper span{margin-left:0}.navbar .wrapper span img{width:60px;height:60px}.navbar .wrapper .social{gap:15px}.navbar .wrapper .social img{width:24px;height:24px}}@media (max-width: 1024px){.navbar .wrapper{padding:0 40px}.navbar .wrapper span{margin-left:20px}.navbar .wrapper span img{width:70px;height:70px}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:300px;background:#fff;z-index:999}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{display:flex;flex-direction:column;align-items:center;text-decoration:none}.sidebar .bg .links a img{width:50px;height:auto;transition:opacity .3s ease}.sidebar .bg .links a .text{font-size:30px;margin-top:5px;opacity:0;transition:opacity .3s ease}.sidebar .bg .links a:hover img{opacity:0}.sidebar .bg .links a:hover .text{opacity:1}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.hero{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,#0c0c1d,#111132);position:relative;z-index:0}.hero .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.hero .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}.hero .wrapper .textContainer h2{font-size:30px;color:#639;letter-spacing:10px}.hero .wrapper .textContainer h1{font-size:88px;line-height:1.1}.hero .wrapper .textContainer h1 .hero-text-lines{display:flex;flex-direction:column;gap:5px}.hero .wrapper .textContainer h1 .hero-text-lines .text-line{display:flex;gap:30px;justify-content:flex-start;align-items:baseline}.hero .wrapper .textContainer h1 .hero-text-lines .text-line .hero-word{display:inline-block;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hero .wrapper .textContainer .buttons button{padding:20px;border:1px solid #fff;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hero .wrapper .textContainer .buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.hero .wrapper .textContainer .buttons button:hover{background-color:orange;color:#000;transform:translateY(-3px);box-shadow:0 10px 25px #ffa5004d;border-color:orange}.hero .wrapper .textContainer .buttons button:hover:before{left:100%}.hero .wrapper .textContainer .buttons button a{position:relative;z-index:1}.hero .wrapper .textContainer img{width:50px}.hero .imageContainer{width:40%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}.hero .imageContainer .hero-image{width:300px;height:300px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,165,0,.3);box-shadow:0 0 30px #ffa50033;transition:all .3s ease}.hero .imageContainer .hero-image:hover{border-color:#ffa50099;box-shadow:0 0 50px #ffa50066}.hero .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff09;width:50%;font-weight:700;z-index:-1}@media (max-width: 738px){.hero .slidingTextContainer{font-size:30vh;bottom:-80px}}@media (max-width: 738px){.hero{height:calc(100vh - 80px)}.hero .wrapper{padding:0 20px}.hero .wrapper .textContainer{width:100%;gap:20px;text-align:center}.hero .wrapper .textContainer h2{font-size:18px;letter-spacing:5px}.hero .wrapper .textContainer h1{font-size:48px;line-height:1.1}.hero .wrapper .textContainer h1 .hero-text-lines .text-line{gap:15px;justify-content:center}.hero .wrapper .textContainer h1 .hero-text-lines .text-line .hero-word{font-size:40px}.hero .wrapper .textContainer .buttons{display:flex;flex-direction:column;gap:15px}.hero .wrapper .textContainer .buttons button{padding:15px;margin-right:0;font-size:14px}.hero .wrapper .textContainer img{width:40px}.hero .imageContainer{width:100%;margin-top:30px}.hero .imageContainer .hero-image{width:250px;height:250px}}@media (max-width: 1024px){.hero .wrapper{padding:0 40px}.hero .wrapper .textContainer{width:60%}.hero .wrapper .textContainer h1{font-size:64px}.hero .imageContainer{right:20px;scale:.6;top:50%;transform:translateY(-50%)}}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h1{font-size:100px}.parallax .mountains{background-image:url(../../../mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3}.parallax .planets{background-image:url(../../../planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2}.parallax .stars{background-image:url(../../../stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1}.stack{background:linear-gradient(180deg,#0c0c1d,#111132);height:100%;display:flex;flex-direction:column;justify-content:space-between}.stack .textContainer{flex:1;align-self:flex-end;display:flex;align-items:center;gap:20px}.stack .textContainer p{font-weight:200;font-size:20px;color:gray;text-align:right}.stack .textContainer hr{width:500px;border:none;border-top:.5px solid gray}.stack .titleContainer{flex:2;display:flex;flex-direction:column;align-items:center}.stack .titleContainer .title{display:flex;align-items:center;gap:50px}.stack .titleContainer .title img{width:300px;height:100px;border-radius:50px;object-fit:cover}.stack .titleContainer .title h1{font-size:96px;font-weight:100}.stack .titleContainer .title button{width:300px;height:100px;border-radius:50px;background-color:orange;border:none;font-size:24px;cursor:pointer}.stack .listContainer{flex:2;display:flex;max-width:1366px;margin:auto}.stack .listContainer .box{padding:50px;border:.5px solid gray;display:flex;flex-direction:column;justify-content:space-between}.stack .listContainer .box button{padding:10px;background-color:orange;border:none;cursor:pointer}.portfolio{position:relative}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:orange;font-size:36px}.portfolio .progress .progressBar{height:10px;background-color:#fff}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.portfolio .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;gap:50px;align-items:center;justify-content:center}.portfolio .container .wrapper .imageContainer{flex:1;height:50%}.portfolio .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover}.portfolio .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:20px}.portfolio .container .wrapper .textContainer h2{font-size:72px}.portfolio .container .wrapper .textContainer p{color:gray;font-size:20px}.portfolio .container .wrapper .textContainer button{background-color:orange;border:none;border-radius:10px;padding:10px;width:200px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500}.portfolio .container .wrapper .textContainer button:hover{background-color:#ff8c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c004d}@media (max-width: 738px){.portfolio .progress{padding-top:30px;font-size:24px}.portfolio .progress .progressBar{height:6px}.portfolio .container .wrapper{flex-direction:column;gap:30px;padding:20px}.portfolio .container .wrapper .imageContainer{height:40%;width:100%}.portfolio .container .wrapper .imageContainer img{border-radius:10px}.portfolio .container .wrapper .textContainer{text-align:center;gap:15px}.portfolio .container .wrapper .textContainer h2{font-size:36px;line-height:1.1}.portfolio .container .wrapper .textContainer p{font-size:16px;line-height:1.5}.portfolio .container .wrapper .textContainer button{width:150px;padding:12px;margin:0 auto}}@media (max-width: 1024px){.portfolio .progress{font-size:30px}.portfolio .container .wrapper{gap:40px;padding:40px}.portfolio .container .wrapper .textContainer h2{font-size:54px}.portfolio .container .wrapper .textContainer p{font-size:18px}}.contact{height:100%;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}.contact .textContainer h1{font-size:100px;line-height:88px}.contact .textContainer span{font-weight:300}.contact .formContainer{flex:1;position:relative}.contact .formContainer .phoneSvg{position:absolute;margin:auto;stroke:orange;z-index:-1}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid white;color:#fff;border-radius:5px}.contact .formContainer form input:active,.contact .formContainer form textarea:active{border:2px solid orange}.contact .formContainer form button{padding:20px;border:none;background-color:orange;cursor:pointer;font-weight:500;border-radius:5px;transition:all .3s ease}.contact .formContainer form button:hover{background-color:#ff8c00;transform:translateY(-2px)}@media (max-width: 738px){.contact{flex-direction:column;padding:20px;gap:30px}.contact .textContainer{text-align:center;gap:20px}.contact .textContainer h1{font-size:48px;line-height:1.1}.contact .textContainer span{font-size:14px}.contact .formContainer{width:100%}.contact .formContainer .phoneSvg{display:none}.contact .formContainer form{gap:15px}.contact .formContainer form input,.contact .formContainer form textarea{padding:15px;font-size:14px}.contact .formContainer form button{padding:15px;font-size:16px}}@media (max-width: 1024px){.contact{padding:40px;gap:40px}.contact .textContainer h1{font-size:72px}.contact .formContainer .phoneSvg{width:300px;height:300px}}.cursor{width:50px;height:50px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}.aboutContainer{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:0 50px}@media (max-width: 738px){.aboutContainer{height:100vh;padding:0 20px}}.about{width:100%;max-width:1366px;display:flex;align-items:center;gap:100px}.about .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}.about .textContainer h1{font-size:53px;color:#fff;font-weight:700;margin-top:0;position:relative;margin-bottom:55px;left:10px}.about .textContainer h1:before{content:"<h1>";font-family:La Belle Aurore,cursive;font-size:18px;position:absolute;margin-top:-10px;left:-10px;opacity:.6;line-height:18px}.about .textContainer h1:after{content:"</h1>";font-family:La Belle Aurore,cursive;font-size:18px;line-height:18px;position:absolute;left:-30px;bottom:-20px;margin-left:20px;opacity:.6}.about .textContainer .paragraphs-container{display:flex;flex-direction:column;gap:20px;position:relative}.about .textContainer p{font-size:17px;color:#fff;font-family:sans-serif;font-weight:300;line-height:1.6;margin:0;position:relative;transition:all .3s ease}.about .textContainer .p1:before{content:"<p>";font-family:La Belle Aurore,cursive;font-size:18px;position:absolute;top:-22px;left:0;opacity:.6;line-height:18px}.about .textContainer .p3:after{content:"</p>";font-family:La Belle Aurore,cursive;font-size:18px;line-height:18px;position:absolute;bottom:-22px;left:0;opacity:.6}.about .cubeContainer{flex:1;display:flex;justify-content:center;align-items:center;height:400px}@media (max-width: 738px){.about{flex-direction:column;gap:50px;text-align:center}.about .textContainer{order:1}.about .textContainer h1{font-size:32px;margin-bottom:30px}.about .textContainer h1:before{font-size:14px;margin-top:-8px;left:-8px}.about .textContainer h1:after{font-size:14px;left:-20px;bottom:-15px}.about .textContainer p{font-size:14px;line-height:1.6;text-align:justify}.about .cubeContainer{order:2;height:200px}}@media (max-width: 1024px){.about{gap:60px}.about .textContainer h1{font-size:42px}.about .textContainer p{font-size:15px}.about .cubeContainer{height:300px}}.stage-cube-cont{width:200px;height:200px;position:relative;margin:0 auto}.stage-cube-cont .cubespinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0}.stage-cube-cont .cubespinner div{position:absolute;width:200px;height:200px;border:1px solid #ccc;background:#fff6;font-size:180px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #ffffe0}.stage-cube-cont .cubespinner .face1{transform:translateZ(100px)}.stage-cube-cont .cubespinner .face2{transform:rotateY(90deg) translateZ(100px)}.stage-cube-cont .cubespinner .face3{transform:rotateX(90deg) translateZ(100px)}.stage-cube-cont .cubespinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(100px)}.stage-cube-cont .cubespinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px)}.stage-cube-cont .cubespinner .face6{transform:rotateX(-90deg) translateZ(100px)}@keyframes spincube{0%{transform:rotateX(0) rotateY(0) rotate(0)}16%{transform:rotateY(-90deg)}33%{transform:rotateY(-90deg) rotate(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotate(90deg)}83%{transform:rotateX(90deg)}}.scroll-to-top{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,orange,#ff8c00);color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 4px 15px #ffa5004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.scroll-to-top:hover{background:linear-gradient(135deg,#ff8c00,orange);transform:translateY(-2px)}.scroll-to-top div{display:flex;align-items:center;justify-content:center}@media (max-width: 738px){.scroll-to-top{bottom:20px;right:20px;width:50px;height:50px;font-size:20px}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}section{height:100vh;scroll-snap-align:center;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,orange,#ff8c00);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#ff8c00,orange)}::selection{background-color:#ffa5004d;color:#fff}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0c0c1d,#111132,#1a1a3a);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.loading-screen .loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.loading-screen .loading-content .loading-logo{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #3b82f666;position:relative}.loading-screen .loading-content .loading-logo:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#3b82f6);opacity:.3;animation:pulse 2s infinite}.loading-screen .loading-content .loading-logo .code-container{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Courier New,monospace}.loading-screen .loading-content .loading-logo .code-container .code-bracket,.loading-screen .loading-content .loading-logo .code-container .code-slash{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.loading-screen .loading-content .loading-logo .code-container .code-slash{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.7)}.loading-screen .loading-content .loading-text{font-size:24px;color:#d3d3d3;font-weight:300;letter-spacing:2px}.loading-screen .loading-content .progress-container{width:300px;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loading-screen .loading-content .progress-container .progress-bar{height:100%;background:linear-gradient(90deg,orange,#ff8c00);border-radius:2px;position:relative}.loading-screen .loading-content .progress-container .progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.loading-screen .loading-content .progress-text{font-size:18px;color:orange;font-weight:500}@media (max-width: 738px){.loading-screen .loading-content{gap:20px}.loading-screen .loading-content .loading-logo{width:80px;height:80px}.loading-screen .loading-content .loading-logo .logo-text{font-size:24px}.loading-screen .loading-content .loading-text{font-size:18px}.loading-screen .loading-content .progress-container{width:250px}}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1);opacity:.3}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}