*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;scroll-behavior:smooth}header{background:#fff;padding:20px 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-size:24px;font-weight:700;color:#000}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s;position:relative;text-transform:uppercase;font-size:14px}.nav-links a:hover,.nav-links a.active{color:#a5a889}.nav-links a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#a5a889}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{width:25px;height:3px;background:#333;transition:all .4s;border-radius:3px}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media(max-width:768px){.menu-toggle{display:flex}.nav-links{position:fixed;left:-100%;top:70px;flex-direction:column;background:#fff;width:100%;text-align:center;transition:left .4s;box-shadow:0 10px 27px #0000000d;padding:20px 0;gap:0}.nav-links.active{left:0}.nav-links li{padding:15px 0}}.hero{margin-top:80px;min-height:100vh;display:flex;background:linear-gradient(135deg,#f5f5f5 100%,#e0e0e0 10%);align-items:center;position:relative;overflow:hidden}.hero-content{max-width:1200px;position:relative;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;width:100%}.hero-text{flex:1}.hero-text h2{color:#a5a889;font-size:20px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}.hero-image img{width:700px}.typing{font-size:18px;white-space:nowrap;overflow:hidden;display:inline-block}.typing:after{content:"";display:inline-block;width:2px;height:1em;margin-left:6px;vertical-align:middle;background:currentColor;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.hero-text h1{font-size:60px;line-height:1.2;margin-bottom:30px}.hero-text h1 .highlight{color:#a5a889}.hero-buttons{display:flex;gap:20px;margin-top:30px}.btn{padding:15px 30px;text-decoration:none;border-radius:5px;font-weight:500;transition:all .3s;border:none;cursor:pointer;display:inline-block}.btn-primary{background:#a5a889;color:#fff}.btn-primary:hover{background:#8d8a74}.btn-secondary{background:transparent;color:#333;border:2px solid #a5a889}.btn-secondary:hover{background:#a5a889;color:#fff}.hero-image{flex:1;display:flex;justify-content:flex-end}.about{padding:100px 20px;background:#fff}.about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center}.about-image{width:100%;height:650px;border-radius:10px;display:flex;align-items:center}.about-image img{height:600px;width:100%;object-fit:cover}.about-text h3{color:#a5a889;font-size:14px;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px}.about-text h2{font-size:42px;margin-bottom:30px}.about-text p{color:#666;font-size:16px;line-height:1.8;margin-bottom:30px}.about-info{display:grid;grid-template-columns:1fr;gap:15px;margin-top:30px}.info-row{display:flex;border-bottom:1px solid #eee;padding:12px 0}.info-label{font-weight:600;min-width:150px;color:#333}.info-value{color:#a5a889}.about-interests{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}.interest-item{display:flex;align-items:center;gap:10px}.interest-icon{width:45px;height:45px;background:#a5a889;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.interest-item span{font-weight:500}.skills{padding:100px 20px;background:#f9f9f9}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;margin-bottom:20px}.section-header p{color:#666;max-width:700px;margin:0 auto;font-size:16px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:50px}.skill-card{background:#fff;padding:40px;border-radius:10px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s,box-shadow .3s}.skill-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.skill-card h3{font-size:24px;margin-bottom:30px}.circle-progress{position:relative;width:180px;height:180px;margin:0 auto 30px}.circle-progress svg{transform:rotate(-90deg)}.circle-progress circle{fill:none;stroke-width:12}.circle-bg{stroke:#f0f0f0}.circle-fill{stroke:#a5a889;stroke-linecap:round;transition:stroke-dashoffset 1.5s ease}.circle-progress .percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:#333}.skill-stats{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;color:#a5a889;margin-bottom:5px}.stat-label{font-size:13px;color:#999}.projects{padding:100px 20px;background:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.project-card{border-radius:10px;height:400px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s;cursor:pointer}.project-card:hover{transform:translateY(-10px)}.project-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;object-fit:cover}.project-image img{width:100%;height:200px;transition:all .4s ease-in-out}.project-image img:hover{transform:scale(1.1)}.project-text{padding:10px 15px;display:flex;flex-direction:column;gap:5px}.project-text p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.project-link{display:flex;align-items:center;color:#333;text-decoration:none;transition:all .3s ease-in-out}.project-link:last-child:hover{color:#999}.contact{padding:100px 20px;background:#f9f9f9}.contact-content{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:60px}.contact-form{display:flex;flex-direction:column;gap:20px;width:480px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea{padding:15px;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:#a5a889}textarea{min-height:250px;resize:vertical}.contact-info{display:flex;flex-direction:column;gap:30px}.info-item{display:flex;gap:20px}.info-icon{width:55px;height:55px;background:#a5a889;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:20px}.info-text h5{margin-bottom:8px;font-size:16px}.info-text p{color:#666;font-size:14px;line-height:1.6}footer{background:#2c3e50;color:#fff;padding:60px 20px 20px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h4{margin-bottom:20px;font-size:18px}.footer-section p{color:#bdc3c7;font-size:14px;line-height:1.8}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#bdc3c7;text-decoration:none;transition:color .3s;font-size:14px}.footer-links a:hover{color:#a5a889}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:#34495e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .3s;text-decoration:none}.social-links a:hover{background:#a5a889}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #34495e;color:#bdc3c7;font-size:14px}@media(max-width:768px){.menu-toggle{display:flex}.nav-links{position:fixed;left:-100%;top:70px;flex-direction:column;background:#fff;width:100%;text-align:center;transition:left .3s;box-shadow:0 10px 27px #0000000d;padding:20px 0;gap:0}.nav-links.active{left:0}.nav-links li{padding:15px 0;border-bottom:1px solid #f0f0f0}.hero-content,.about-content{flex-direction:column;text-align:center}.about-content{grid-template-columns:1fr}.about-content .about-image{order:2}.about-content .about-text{order:1}.hero-text h1{font-size:40px}.hero-image{margin-top:40px}.contact-content,.form-row,.skills-grid{grid-template-columns:1fr}}