@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.btn{padding:10px 12px;border-radius:30px;font-size:20px;border:none;cursor:pointer;background-color:var(--btn-bg)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 150px;box-shadow:0 0 10px #00000080;font-size:20px;position:fixed;top:0;left:0;width:100%;z-index:100;background-color:var(--nav-bg);color:var(--text-color)}.logo a{font-weight:700;font-size:40px;color:var(--text-color);text-decoration:none}.nav-menue ul{display:flex;gap:25px}.nav-menue ul li{list-style:none}.nav-menue ul li a{text-decoration:none;color:var(--text-color);transition:.15s ease-in-out}.contact-btn a{text-decoration:none;color:#fff}.theme-toggle{cursor:pointer}.hamburger{display:none;cursor:pointer}.nav-menue ul li a.active{font-weight:700;color:#1e90ff;position:relative}.nav-menue ul li a.active:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:3px;background-color:#1e90ff;border-radius:2px}@media (max-width: 1160px){.hamburger{display:block}.navbar{padding:15px 50px}.logo a{font-size:35px}.nav-menue{display:none;flex-direction:column;position:absolute;top:60px;right:0;width:200px;background-color:var(--bg-color);box-shadow:0 0 15px #0dcad780;text-align:center;padding:20px;border-radius:10px}.nav-menue.open{display:flex}.nav-menue ul{flex-direction:column}}.hero{width:100%;height:auto;padding:100px 50px;z-index:99;overflow:hidden;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:118px 0}.profile-image{margin-bottom:20px;background-color:#000;border:5px solid black;border-radius:50%;box-shadow:1px 1px 15px #38ced880}.profile-image img{height:400px;width:400px;object-fit:contain;border-radius:50%}.profile-info h1{font-size:40px;font-weight:700;color:var(--text-color)}.profile-info h1 span{background:linear-gradient(270deg,#00ff80 10%,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-info{display:flex;flex-direction:column;align-items:center}.mybtn{padding:10px 18px;border-radius:30px;font-size:20px;border:none;cursor:pointer;margin:20px;transition:opacity .3s ease}.hire-btn a{text-decoration:none;font-family:poppins,sans-serif;color:#fff}.hire-btn{background-color:#19a463;border:1px solid rgb(25,164,99)}.resume-btn{background-color:var(--text-color);border:1px solid black;color:var(--bg-color);text-decoration:none}.hire-btn:hover,.resume-btn:hover{opacity:.8}@media (max-width: 450px){.hero{height:auto;padding:100px 20px}.profile-image img{height:290px;width:290px}.profile-info h1{font-size:30px;text-align:center}}.about{padding:100px 150px;display:flex;align-items:center;justify-content:space-between;gap:50px;background-color:var(--bg-color);height:100vh}.about-left{background-color:#000;border:10px solid black;border-radius:20px;position:relative;box-shadow:0 0 25px #0da0df80}.about-left img{width:300px;height:300px;object-fit:cover;border-radius:50%;margin:0 auto}.about-left h2{position:absolute;bottom:10px;width:100%;font-size:20px;text-align:center;font-weight:700;background:linear-gradient(270deg,#00ff80 10%,#0cf) text;-webkit-text-fill-color:transparent}.about-right{padding:0 50px;line-height:30px;color:var(--text-color);max-width:60%}.about-right h1{margin-bottom:20px;font-weight:700;font-size:35px;text-transform:uppercase;background:linear-gradient(90deg,#00c6ff,#0072ff,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-right p{font-size:18px;color:var(--text-color)}.social-links ul{list-style-type:none;display:flex;justify-content:flex-start;margin-top:30px;padding:0}.social-links ul li{margin-right:20px}.social-links ul li a{font-size:30px;color:#0077b5;text-decoration:none;transition:color .3s ease}.social-links ul li a:hover{color:tomato}@media (max-width: 1160px){.about{padding:500px 20px;flex-direction:column;align-items:center;justify-content:center}.about-left{margin-bottom:10px}.about-left img{width:250px;height:250px}.about-right{padding:20px;text-align:center;max-width:80%}.about-right h1{font-size:28px}.about-right p{font-size:16px}.social-links ul{justify-content:center}.social-links ul li{margin-right:15px}}@media (max-width: 490px){.about{padding:550px 20px;flex-direction:column;align-items:center;justify-content:center}.about-right{max-width:100%}.about-right p{font-size:15px}}.portfolio{text-align:center;padding:150px;background-color:var(--bg-color);overflow:hidden}.portfolio h1{font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#00c6ff,#0072ff,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;padding:20px 0}.portfolio-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--bg-color)}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.portfolio-item img{width:100%;height:250px;border-radius:20px;object-fit:cover}.portfolio-item h2{font-size:1.5rem;color:var(--text-color);margin:15px 0}.portfolio-item p{font-size:1rem;color:#555;padding:0 15px}.portfolio-item strong{color:#000}.portfolio-item a{display:block;text-decoration:none;font-weight:700;margin:10px 15px;padding:8px;color:#007bff;border:1px solid #007bff;border-radius:5px;transition:background .3s ease,color .3s ease}.portfolio-item a:hover{background:#007bff;color:#fff}@media (max-width:450px){.portfolio{text-align:center;padding:0;background-color:var(--bg-color);overflow:hidden}.portfolio h1{font-size:2.5rem;font-weight:700;margin-top:150px;margin-bottom:20px}.portfolio-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;padding:20px}.portfolio-item{background-color:var(--bg-color);border-radius:12px;overflow:hidden;box-shadow:0 0 15px #0589c11a;transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.portfolio-item img{width:100%;height:250px;object-fit:cover}.portfolio-item h2{font-size:1.5rem;color:var(--text-color);margin:15px 0}.portfolio-item p{font-size:1rem;color:#555;padding:0 15px}.portfolio-item strong{color:#000}.portfolio-item a{display:block;text-decoration:none;font-weight:700;margin:10px 15px;padding:8px;color:#007bff;border:1px solid #007bff;border-radius:5px;transition:background .3s ease,color .3s ease}.portfolio-item a:hover{background:#007bff;color:#fff}}.blog-section{padding:150px 20px;background:var(--bg-color);text-align:center}.blog-title{font-size:36px;font-weight:700;margin-bottom:40px;background:linear-gradient(90deg,#00c6ff,#0072ff,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.blog-card{width:350px;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0003;overflow:hidden;transition:transform .3s ease-in-out}.blog-card:hover{transform:translateY(-10px)}.blog-image{width:100%;height:200px;object-fit:cover}.blog-content{padding:20px}.blog-content h3{font-size:22px;margin-bottom:10px;color:#222}.blog-content p{font-size:16px;color:#666;margin-bottom:15px}.read-more{display:inline-block;padding:10px 15px;font-size:16px;font-weight:700;color:#fff;background:#007bff;text-decoration:none;border-radius:5px;transition:.3s}.read-more:hover{background:#0056b3}@media (max-width: 768px){.blog-container{flex-direction:column;align-items:center}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.loading-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.loading-card{width:300px;height:350px;border-radius:10px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400% 100%;animation:shimmer 1.5s infinite linear}.contact{padding:180px 150px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background-color:var(--bg-color);color:var(--text-color)}.contact h1{margin-bottom:50px;background:linear-gradient(90deg,#00c6ff,#0072ff,#6a11cb,#2575fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-container{display:flex;align-items:center;justify-content:space-between}.input{margin:10px;padding:10px;border-radius:10px}.input input{width:100%;padding:15px;background-color:#ebecfe;outline:none;font-family:poppins,sans-serif;font-size:16px;border:none;color:#676767}textarea{width:100%!important;height:150px;background-color:#ebecfe;outline:none;border:none;padding:10px;font-family:Poppins,sans-serif;font-size:16px;color:#676767;resize:vertical;border-radius:5px}.contact-left{width:40%}.contact-left h1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#00ff80 10%,#0cf) text}.contact-left h1,p{margin-bottom:20px}.contact-left .social ul li{list-style:none;line-height:30px}.contact-right{width:60%}.icon{margin-right:10px;color:#007bff}.submit-btn{margin-left:20px;color:#fff}.submit-icon{margin-left:10px}@media (max-width: 1160px){.contact{padding:150px 10px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background-color:var(--bg-color);color:var(--text-color)}.contact h1{margin-bottom:50px}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.input{padding:10px;border-radius:10px}.input input{width:100%;padding:15px;background-color:#ebecfe;outline:none;font-family:poppins,sans-serif;font-size:16px;border:none;color:#676767}textarea{width:100%!important;height:150px;background-color:#ebecfe;outline:none;border:none;padding:10px;font-family:Poppins,sans-serif;font-size:16px;color:#676767;resize:vertical;border-radius:5px}.contact-left{width:100%;order:2}.contact-left h1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#00ff80 10%,#0cf) text}.contact-left h1,p{margin-bottom:20px}.contact-left .social ul li{list-style:none;line-height:30px}.contact-right{width:100%}.icon{margin-right:10px;color:#007bff}.submit-btn{margin-left:20px;color:var(--text-color)}.submit-icon{margin-left:10px}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f4f4f9;text-align:center;padding:20px}.error-code{font-size:120px;color:tomato;margin:0}.error-text{font-size:28px;font-weight:600;color:#333;margin-top:10px}.error-description{font-size:16px;color:#666;margin-top:15px;max-width:600px}.home-button{display:inline-flex;align-items:center;margin-top:30px;padding:10px 20px;background-color:tomato;color:#fff;text-decoration:none;font-size:18px;border-radius:5px;transition:background-color .3s ease,transform .2s ease}.home-button:hover{background-color:#e5533d;transform:scale(1.05)}.home-icon{margin-right:8px;font-size:20px}