body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2em;margin:.67em 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#333;color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;left:0;z-index:1000;box-shadow:0 2px 5px #0003}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px;max-width:1200px;margin:0 auto}.logo h1{font-size:1.8rem;margin:0;color:#fff}.main-nav .nav-links{list-style:none;margin:0;padding:0;display:flex}.main-nav .nav-links li{margin-left:25px}.main-nav .nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.main-nav .nav-links a:hover{color:#00bcd4}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;z-index:1001}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease-out}.mobile-nav-links{list-style:none;padding:0;text-align:center}.mobile-nav-links li{margin:30px 0}.mobile-nav-links a{color:#fff;text-decoration:none;font-size:2rem;font-weight:600;transition:color .3s ease}.mobile-nav-links a:hover{color:#00bcd4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{display:inline-block;padding:15px 30px;border-radius:5px;text-decoration:none;font-weight:700;font-size:1.1em;transition:all .3s ease;cursor:pointer;border:none}.primary-btn{background-color:#00bcd4;color:#fff}.primary-btn:hover{background-color:#0097a7;transform:translateY(-2px);box-shadow:0 4px 10px #00bcd44d}.secondary-btn{background-color:transparent;color:#00bcd4;border:2px solid #00bcd4}.secondary-btn:hover{background-color:#00bcd4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00bcd44d}footer{text-align:center;padding:20px;background-color:#333;color:#fff;margin-top:50px;font-size:.9em}.section-title{font-size:2.8em;color:#333;text-align:center;margin-bottom:50px;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:80px;height:4px;background-color:#00bcd4;border-radius:2px}.hero-section{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#f8f8f8;padding:60px 20px;box-sizing:border-box;padding-top:5rem}.hero-content{max-width:800px;margin:0 auto}.hi-there{font-size:1.5em;color:#555;margin-bottom:5px}.hero-name{font-size:4em;color:#222;margin:0;line-height:1.1}.hero-title{font-size:2em;color:#00bcd4;margin-top:10px;margin-bottom:20px}.hero-description{font-size:1.2em;color:#444;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.about-section{padding:80px 0;background-color:#fff}.about-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:center}.about-text{flex:2;min-width:300px;line-height:1.8;font-size:1.1em;color:#555}.about-text p{margin-bottom:20px}.skills-section{padding:80px 0;background-color:#f8f8f8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.skill-card{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px #00000014;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.skill-card h3{font-size:1.6em;color:#00bcd4;margin-top:0;margin-bottom:25px;position:relative;padding-bottom:10px}.skill-card h3:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:50px;height:3px;background-color:#00bcd4;border-radius:2px}.skill-card ul{list-style:none;padding:0;margin:0}.skill-card li{font-size:1.1em;color:#555;border-bottom:1px dashed #eee;text-align:left;padding:8px 0 8px 20px;position:relative}.skill-card li:last-child{border-bottom:none}.skill-card li:before{content:"•";color:#00bcd4;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.projects-section{padding:80px 0;background-color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.project-card{background-color:#fcfcfc;border-radius:8px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000026}.project-card .project-image{width:100%!important;height:200px!important;object-fit:cover!important;border-bottom:1px solid #eee}.project-info{padding:25px;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.8em;color:#333;margin-top:0;margin-bottom:10px}.project-description{font-size:1em;color:#666;line-height:1.6;margin-bottom:20px;flex-grow:1}.project-techs{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.tech-pill{background-color:#e0f7fa;color:#00796b;padding:5px 12px;border-radius:20px;font-size:.9em;font-weight:700}.project-links{margin-top:auto;display:flex;gap:15px;flex-wrap:wrap}.project-btn{padding:10px 20px;font-size:1em;border-radius:5px;text-decoration:none;font-weight:700;transition:all .3s ease}.contact-section{padding:80px 0;background-color:#f8f8f8}.contact-intro{text-align:center;font-size:1.2em;color:#555;margin-top:-30px;margin-bottom:50px}.contact-content{display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.contact-form{flex:2;min-width:300px;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 5px 20px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:1.1em;color:#333;margin-bottom:8px;font-weight:700}.form-group input,.form-group textarea{width:calc(100% - 20px);padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1em;color:#555;background-color:#fcfcfc;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd433;outline:none}.contact-form .primary-btn{width:auto;display:block;margin-top:30px;margin-left:auto;margin-right:auto}.contact-info{flex:1;min-width:250px;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;justify-content:center}.contact-info h3{font-size:1.8em;color:#333;margin-top:0;margin-bottom:25px;border-bottom:2px solid #00bcd4;padding-bottom:10px;display:inline-block}.contact-info p{font-size:1.1em;color:#555;margin-bottom:15px}.contact-info a{color:#00bcd4;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#00796b;text-decoration:underline}.social-links{margin-top:30px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.social-icon{font-size:1.1em;font-weight:700;color:#00bcd4;text-decoration:none;padding:10px 15px;border:2px solid #00bcd4;border-radius:5px;transition:all .3s ease}.social-icon:hover{background-color:#00bcd4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00bcd44d}@media (max-width: 768px){.main-nav{display:none}.menu-toggle{display:block}.header-content{padding:0 15px}.hero-section{padding-left:15px;padding-right:15px;padding-bottom:40px;min-height:auto}.hero-name{font-size:2.8em}.hero-title{font-size:1.5em}.hero-description{font-size:1em}.hero-buttons{flex-direction:column;gap:15px}.btn{width:90%;max-width:350px;margin:0 auto}.section-title{font-size:2em;margin-bottom:30px}.section-title:after{width:60px}.about-section{padding:50px 0}.about-content{flex-direction:column;text-align:center;gap:20px}.about-text{min-width:unset;width:100%;font-size:1em}.skills-section{padding:50px 0}.skills-grid{grid-template-columns:1fr;gap:20px}.skill-card h3{font-size:1.4em;margin-bottom:15px}.skill-card h3:after{width:40px}.skill-card li{font-size:1em}.projects-section{padding:50px 0}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card .project-image{height:180px!important}.project-info{padding:20px}.project-title{font-size:1.5em}.project-description{font-size:.95em}.project-techs{gap:6px}.tech-pill{padding:4px 10px;font-size:.8em}.project-links{flex-direction:column;gap:10px}.project-btn{width:90%;max-width:250px;margin:0 auto;padding:8px 15px;font-size:.9em}.contact-section{padding:50px 0}.contact-intro{font-size:1em;margin-bottom:30px}.contact-content{flex-direction:column;gap:30px}.contact-form,.contact-info{min-width:unset;width:90%;margin:0 auto;padding:30px}.contact-info h3{font-size:1.5em;text-align:center;margin-bottom:15px;padding-bottom:5px}.contact-info p{font-size:1em;text-align:center}.social-links{margin-top:20px;gap:15px}.social-icon{font-size:1em;padding:8px 12px}}@media (max-width: 480px){.logo h1{font-size:1.5rem}.mobile-nav-links a{font-size:1.6rem}.hero-name{font-size:2.2em}.hero-title{font-size:1.2em}.btn{padding:12px 25px}}