@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--primary-color: #149ddd;--dark-color: #333333;--light-color: #f4f4f4;--bg-dark: #1e1e1e;--bg-darker: #111111}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:Poppins,sans-serif;overflow-x:hidden;background-color:#fff;color:#333;line-height:1.6}.container{padding:0 15px;max-width:1100px;margin:auto}.navbar{background:#000000e6;height:80px;position:fixed;top:0;width:100%;z-index:999;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:80px;width:100%;max-width:1100px;padding:0 15px}.navbar-logo{color:#fff;font-weight:700;font-size:1.8rem;letter-spacing:1px}.nav-menu{display:flex;list-style:none;gap:30px}.nav-links{color:#fff;transition:.3s ease-out;font-weight:500}.nav-links:hover{color:var(--primary-color)}.menu-icon{display:none;color:#fff;font-size:1.8rem;cursor:pointer}.hero{height:100vh;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixlib=rb-1.2.1&auto=format&fit=crop&w=1352&q=80) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:80px}.hero h1{font-size:3.5rem;margin-bottom:10px}.hero p{font-size:1.8rem;margin-bottom:20px}.hero p span{color:var(--primary-color)}.social-links{margin-bottom:25px}.social-links a{color:#fff;font-size:1.8rem;margin:0 15px;transition:.3s}.social-links a:hover{color:var(--primary-color);transform:translateY(-3px)}.btn{display:inline-block;background:var(--primary-color);color:#fff;padding:12px 35px;border-radius:5px;border:none;cursor:pointer;transition:.3s;font-size:1rem;font-weight:600}.btn:hover{background:#0b6c93;transform:translateY(-2px)}.section{padding:80px 0}.bg-dark{background:var(--bg-dark);color:#fff}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px;text-transform:uppercase;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--primary-color)}.about-content{display:flex;flex-wrap:wrap;align-items:center;gap:40px}.column.left{flex:1;min-width:300px;text-align:center}.column.left img{width:100%;max-width:350px;border-radius:10px;box-shadow:0 10px 20px #0000001a}.column.right{flex:1;min-width:300px}.column.right .text{font-size:1.5rem;font-weight:600;margin-bottom:15px}.column.right .text span{color:var(--primary-color)}.column.right p{text-align:justify;margin-bottom:20px;color:#555}.skills-content{max-width:800px;margin:auto}.skill-box{margin-bottom:25px}.skill-name{font-size:1.1rem;font-weight:600;margin-bottom:8px}.skill-bar{height:10px;background:#444;border-radius:5px;overflow:hidden}.skill-per{height:100%;background:var(--primary-color);border-radius:5px;animation:fillBar 1.5s ease-in-out}@keyframes fillBar{0%{width:0}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.portfolio-item{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 5px 15px #0000001a}.portfolio-item img{width:100%;height:100%;display:block;transition:.5s}.portfolio-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:.5s}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item:hover .overlay{opacity:1}.portfolio-item h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.portfolio-item p{color:#ccc}.contact-wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.contact-info,.contact-form{flex:1;min-width:300px}.contact-info h3{font-size:1.5rem;margin-bottom:15px}.info-item{margin:20px 0;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:15px;border:1px solid #444;border-radius:5px;background:#2a2a2a;color:#fff;font-family:Poppins,sans-serif;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color)}.contact-form textarea{height:120px;resize:none}footer{background:var(--bg-darker);color:#888;text-align:center;padding:20px;font-size:1rem}footer a{color:var(--primary-color)}@media(max-width:768px){.navbar{background:#000000f2}.menu-icon{display:block}.nav-menu{position:fixed;top:80px;left:-100%;background:#111;width:100%;height:calc(100vh - 80px);flex-direction:column;align-items:center;justify-content:center;transition:.4s;gap:40px}.nav-menu.active{left:0}.nav-links{font-size:1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.section-title{font-size:2rem}.about-content{flex-direction:column;text-align:center}.column.right,.column.right p{text-align:center}}@media(max-width:480px){.hero h1{font-size:2rem}.btn{width:100%;text-align:center}}