*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.8rem;font-weight:700}.logo h1 a{color:#fff;text-decoration:none}.navbar .nav-links{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link.active,.nav-link:hover{color:gold}.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:gold;transition:width .3s ease}.nav-link.active::after,.nav-link:hover::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}.main-content{margin-top:80px}.hero-section{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:100px 0;text-align:center}.hero-content h2{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{background:gold;color:#333;padding:12px 30px;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,.4)}.page-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:100px 0 60px;text-align:center}.page-header h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.page-header p{font-size:1.2rem;opacity:.9}.page-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.page-card{background:#f8f9fa;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.page-card:hover{transform:translateY(-5px)}.page-card h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.page-link-btn{background:#667eea;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;display:inline-block;margin-top:1rem;transition:background .3s ease}.page-link-btn:hover{background:#764ba2}.about-content{max-width:800px;margin:0 auto}.about-text h2{color:#333;margin-bottom:1rem;text-align:left}.about-text h3{color:#667eea;margin:2rem 0 1rem;text-align:left}.about-text p{text-align:left;margin-bottom:1rem}.skills-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.skills-list li{background:#f8f9fa;padding:.5rem 1rem;border-radius:5px;border-left:4px solid #667eea}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.project-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.project-card p{text-align:left;margin-bottom:1rem}.project-tech{margin:1rem 0}.tech-tag{background:#667eea;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;margin-right:.5rem;display:inline-block}.project-link{color:#667eea;text-decoration:none;font-weight:700;transition:color .3s ease}.project-link:hover{color:#764ba2}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.contact-form-section h2,.contact-info h2{color:#333;margin-bottom:2rem;text-align:left}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea}.contact-method h3{color:#667eea;margin-bottom:.5rem;font-size:1.2rem}.contact-method p{color:#666;margin:0;text-align:left}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group textarea{padding:.8rem;border:2px solid #e9ecef;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#667eea}.submit-button{background:#667eea;color:#fff;padding:12px 30px;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:#764ba2}.cta-section{text-align:center;margin-top:3rem;padding:2rem;background:#f8f9fa;border-radius:10px}.section{padding:80px 0;background:#fff;margin:20px 0;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.section h2{font-size:2.5rem;margin-bottom:1rem;color:#333;text-align:center}.section p{font-size:1.1rem;text-align:center;color:#666;max-width:800px;margin:0 auto}.footer{background:#333;color:#fff;text-align:center;padding:2rem 0;margin-top:2rem}@media (max-width:768px){.header .container{flex-wrap:wrap}.navbar .nav-links{display:none;width:100%;flex-direction:column;position:absolute;top:100%;left:0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar .nav-links.active{display:flex}.hamburger{display:flex}.hero-content h2,.page-header h1{font-size:2rem}.hero-content p,.page-header p{font-size:1rem}.section h2{font-size:2rem}.page-links{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:2rem}}@media (max-width:480px){.container{padding:0 15px}.logo h1{font-size:1.5rem}.hero-content h2,.page-header h1{font-size:1.8rem}.section{margin:10px 0;padding:60px 0}.projects-grid{grid-template-columns:1fr}.page-card,.project-card{padding:1.5rem}}