*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth;font-family:Poppins}:root{--bg-color: #080808;--second-bg-color: #101010;--text-color: #ffffff;--main-color: #ea580c}h1{text-align:var(--text-align);padding:20px}body{zoom:95%;background-color:var(--bg-color);color:var(--text-color)}.header{position:fixed;width:100%;top:0;left:0;padding:1.5rem 15%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000;text-align:var(--text-align)}.logo img{scale:2;display:block;margin-left:6rem;max-height:5rem;width:auto;transition:.3s ease-in-out}.logo:hover img{transform:scale(1.1)}#menu-icon{font-size:3.5rem;color:var(--text-color);display:none}.logo{font-size:2rem;color:var(--text-color);font-weight:800;cursor:pointer;transition:.3s ease-in-out;background-color:transparent}.logo:hover{transform:scale(1.1)}span{background:linear-gradient(180deg,#ff2a2a 10%,#fff789);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 15px rgba(255,42,42,.5));display:inline-block}.cursor{font-weight:200;color:#ff9d00;animation:blink .7s infinite;margin-left:2px;text-shadow:0 0 10px #ff9d00,0 0 20px #ff9d00}.btn{cursor:pointer}.navbar{background-color:transparent}.navbar a{font-size:1.2rem;color:var(--text-color);margin-left:1.5rem;font-weight:500;transition:.3s ease-in-out;border-bottom:3px solid transparent;background-color:transparent}.navbar a:hover{border-bottom:3px solid var(--text-color)}.gradient-btn{font-size:1.4rem;padding:1rem 2rem;border-radius:3rem;background-color:#000;color:var(--main-color);border:2px solid var(--main-color);box-shadow:0 0 25px var(--main-color);letter-spacing:1px;cursor:pointer;transition:.3s ease-in-out;color:#fff;border:none;text-wrap:nowrap}.gradient-btn:hover{transform:scale(1.1);background-color:var(--main-color);color:#000;box-shadow:0 0 25px var(--main-color)}section{min-height:100vh;padding:10rem 15%;width:100%;box-sizing:border-box}.home{display:flex;align-items:center;justify-content:center;gap:5rem}.home-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.home-content h1{font-size:6rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem;line-height:1}.home-content h3{margin:.7rem 0;font-size:3rem}.home-content p{font-size:1rem;font-weight:800;line-height:1.8}.home-img{display:flex;justify-content:center;align-items:center}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.home-img img{width:32vw;border-radius:50%;box-shadow:0 0 25px var(--main-color);cursor:pointer;transition:.4s ease-in-out;animation:float 4s ease-in-out infinite}.home-img img:hover{box-shadow:0 0 50px var(--main-color);transform:scale(1.02) translateY(-10px)}.home-img img{width:32vw;border-radius:50%;box-shadow:0 0 25px #add8e6;transition:.4s ease-in-out}.home-img img:hover{box-shadow:0 0 25px #add8e6,0 0 50px #add8e6,0 0 75px #add8e6,0 0 100px #add8e6}.cursor{font-weight:200;color:#ff9d00;animation:blink .7s infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.social-icons a{display:inline-flex;justify-content:center;align-items:center;font-size:3rem;padding:1rem;background:transparent;border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);margin:3rem .5rem;transition:.3s ease-in-out}.social-icons a:hover{background:var(--main-color);color:var(--text-color);transform:scale(1.3)translateY(-5);box-shadow:0 0 25px var(--main-color)}.btn-group{display:flex;gap:1.5rem}.btn{display:inline-block;padding:1rem 3rem;background-color:var(--main-color);box-shadow:0 0 25px var(--main-color);border-radius:3rem;font-size:1.8rem;color:#000;border:2px solid transparent;font-weight:600;transition:.3s ease-in-out}.btn:hover{transform:scale(1.1);box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color)}.btn-group a:nth-of-type(1){background-color:#000;color:var(--main-color);border:2px solid var(--main-color);box-shadow:0 0 25px var(--main-color)}.btn-group a:nth-of-type(1):hover{background-color:var(--main-color);color:#000;box-shadow:0 0 25px var(--main-color)}.about{display:flex;align-items:center;justify-content:center;gap:10rem;background-color:var(--second-bg-color)}.about-img img{width:32vw;border-radius:50%;box-shadow:0 0 25px #add8e6;transition:.4s ease-in-out}.about-img img:hover{box-shadow:0 0 25px #add8e6,0 0 50px #add8e6,0 0 75px #add8e6,0 0 100px #add8e6}.about-content h2{font-size:7rem;text-align:left}.about-content p{font-size:1.8rem}.about-content .btn{margin:3rem 0}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:var(--main-color)}::-webkit-scrollbar-track{background-color:var(--bg-color)}.expertise{background:var(--bg-color);padding:100px 7%}.expertise-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:4rem}.expertise-box{padding:3rem 2rem;background:#ffffff0d;border:1px solid rgba(255,157,0,.2);border-radius:2rem;transition:.4s ease;text-align:center}.expertise-box:hover{border-color:#ff9d00;transform:translateY(-10px);background:#ff9d0008}.expertise-box h3{font-size:2.2rem;color:#fff;margin-bottom:2rem}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skill-tag{background:transparent;border:1px solid #ff9d00;color:#ff9d00;padding:.8rem 1.5rem;border-radius:5rem;font-size:1.3rem;font-weight:500;transition:.3s;cursor:pointer}.skill-tag:hover{background:#ff9d00;color:#000;box-shadow:0 0 1rem #ff9d00}@media (max-width: 768px){.expertise-container{grid-template-columns:1fr}}.education{background:var(--second-bg-color);min-height:auto;padding-bottom:7rem}.education .education-row{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center}.education-column .title{font-size:2.5rem;margin:0 0 1.5rem 2rem;color:#fff}.education-column .education-box{border-left:2px solid #ff9d00}.education-box .education-content{position:relative;padding-left:2rem}.education-box .education-content:before{content:"";position:absolute;top:0;left:-11px;width:20px;height:20px;background:#ff9d00;border-radius:50%}.education-content .content{position:relative;padding:1.5rem;border:1px solid #ff9d00;border-radius:.6rem;margin-bottom:2rem;overflow:hidden;transition:.3s}.education-content .content:hover{box-shadow:0 0 1rem #ff9d00;transform:translateY(-5px)}.education-content .content .year{font-size:1.5rem;color:#ff9d00;padding-bottom:.5rem}.education-content .content .year i{padding-right:.5rem}.education-content .content h3{font-size:2rem;color:#fff}.education-content .content p{font-size:1.4rem;color:#ccc;padding-top:.5rem}.heading{text-align:center;font-size:7rem;margin:5rem 0}.services{background-color:var(--bg-color)}.services h2{color:var(--text-color);font-size:7rem}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;width:100%;justify-content:center}.service-box{box-sizing:border-box;transition:.4s ease-in-out;cursor:pointer;border:5px solid transparent;border-radius:3rem;background-color:var(--main-color);display:flex;justify-content:center;align-items:center;min-height:500px;padding:2.5rem}.service-box:hover{background-color:var(--second-bg-color);color:var(--main-color);border:5px solid var(--main-color);transform:scale(1.03)}.service-info{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;padding:3rem}.service-info h4{font-size:2rem;margin:1.5rem 0;font-weight:600;line-height:1.2;overflow-wrap:break-word}.service-info p{font-size:1.2rem;font-weight:500;line-height:1.5}.ico{transform:scale(3)}.projects{background-color:var(--second-bg-color)}.projects h2{font-size:7rem}.projects-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));place-items:center;gap:3rem;row-gap:5rem;width:100%;text-align:center;justify-content:center;align-items:center}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--second-bg-color);border:2px solid var(--main-color);border-radius:3rem;padding:4rem 3rem;width:100%;min-height:100%;box-sizing:border-box;transition:.4s ease-in-out}.project-card:hover{transform:scale(1.02);box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 75px var(--main-color),0 0 100px var(--main-color)}.project-card img{width:100%;height:350px;object-fit:contain;border-radius:2rem;margin-bottom:3rem;background:#ffffff08}.project-card h3{font-size:3rem;margin-top:1.5rem;margin-bottom:1.5rem}.project-card p{font-size:1.2rem;line-height:1.8;color:#ccc;margin-bottom:2.5rem;padding:0 4rem}.project-card .btn{margin-top:auto;cursor:pointer}.projects-actions{display:flex;justify-content:center;margin-top:4rem}.projects-portfolio-action{display:flex;justify-content:center;margin-top:2rem}.projects-modal-content{background:#121212;padding:3rem;border-radius:25px;border:2px solid #ff9d00;width:min(95%,1300px);max-height:85vh;overflow-y:auto;box-shadow:0 0 30px #ff9d004d;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.projects-modal-content.closing{animation:popOut .25s ease forwards}.projects-modal-content h3{font-size:3.2rem;margin-bottom:2rem;text-align:center}.projects-modal-box{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.projects-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem}.projects-pagination span{font-size:1.6rem}.projects-pagination .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@keyframes popOut{0%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:0}}.contact form{display:flex;align-items:center;justify-content:center;gap:3rem;margin:5rem 0;text-align:center}.contact form .input-box input,.contact form textarea{width:100%;padding:2.5rem;font-size:1.2rem;color:var(--text-color);background-color:var(--bg-color);border-radius:2rem;border:2px solid var(--main-color);margin:1.5rem 0;resize:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:5000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#121212;padding:3rem;border-radius:25px;border:2px solid #ff9d00;text-align:center;width:90%;max-width:450px;box-shadow:0 0 30px #ff9d004d;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.modal-overlay button{background-color:#000;color:var(--main-color);border:2px solid var(--main-color);box-shadow:0 0 25px var(--main-color);margin-top:3rem;cursor:pointer}.modal-overlay button:hover{background-color:var(--main-color);color:#000;box-shadow:0 0 25px var(--main-color)}.modal-icon{font-size:5rem;color:#ff9d00;margin-bottom:1rem}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.input-group-2 .btn{cursor:pointer}.footer{background-color:var(--second-bg-color);padding:50px 0}.footer .social-icons{text-align:center}.footer ul{text-align:center;font-size:1.8rem}.footer ul li{display:inline-block;margin-left:20px}.footer ul li a{color:#fff;border-bottom:3px solid transparent;transition:.3s ease-in-out}.footer ul li a:hover{border-bottom:3px solid var(--main-color)}.footer .copyright{text-align:center;margin-top:40px;font-size:16px}@media (max-width: 1285px){#menu-icon{display:block;color:var(--main-color);cursor:pointer}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-bottom:2px solid var(--main-color);display:none;text-align:center}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:2.5rem 0;color:var(--text-color);margin-left:0}.logo img{margin-left:2rem}.gradient-btn{display:none}.home{flex-direction:column-reverse;margin:5rem 0;gap:3rem;text-align:center}.home-content{align-items:center;text-align:center}.home-content h1{font-size:clamp(4rem,10vw,6rem);text-align:center;margin:1rem 0}.home-content h3{font-size:clamp(2rem,5vw,3rem)}.home-img img{width:65vw;max-width:300px}.about{flex-direction:column;text-align:center;gap:4rem}.about-content h2{text-align:center;font-size:clamp(4rem,8vw,7rem);margin:1.5rem 0}.about-content p{line-height:3rem}.about-img img{width:60vw;max-width:300px}.expertise,.services,.projects,.education{padding:5rem 5%}.education h2,.expertise h2,.services h2,.projects h2{font-size:4rem;margin:3rem 0}.contact h2{font-size:4rem}.contact form{flex-direction:column;padding:0 5%}}@media (max-width: 480px){.home-content h1{font-size:3.5rem}.project-card{padding:2rem 1.5rem}.project-card img{height:200px}}
