*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;color:#000;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;z-index:1000;transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:#000;text-decoration:none;cursor:pointer}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#000;text-decoration:none;font-weight:500;transition:color .3s ease;cursor:pointer}.nav-links a:hover{color:#666}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#fff,#f8f8f8)}.hero-content h1{font-size:3.5rem;font-weight:300;margin-bottom:1rem;opacity:0;animation:fadeInUp 1s ease forwards}.hero-content .subtitle{font-size:1.2rem;color:#666;margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease .3s forwards}.cta-button{display:inline-block;padding:12px 30px;background:#000;color:#fff;text-decoration:none;border:none;border-radius:30px;cursor:pointer;font-size:1rem;transition:all .3s ease;opacity:0;animation:fadeInUp 1s ease .6s forwards}.cta-button:hover{background:#333;transform:translateY(-2px)}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:300;text-align:center;margin-bottom:3rem;position:relative}.section-title:after{content:"";width:60px;height:2px;background:#000;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.about-text{font-size:1.1rem;line-height:1.8;color:#333}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-item{padding:1rem;border:1px solid #e0e0e0;text-align:center;transition:all .3s ease}.skill-item:hover{border-color:#000;transform:translateY(-2px)}.projects-section{background:#f8f8f8}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{border:1px solid #e0e0e0;padding:2rem;background:#fff;transition:all .3s ease}.project-card:hover{border-color:#000;transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.project-description{color:#666;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.3rem .8rem;background:#f0f0f0;color:#000;font-size:.8rem;border-radius:15px}.project-links{display:flex;gap:1rem}.project-link{color:#000;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s ease}.project-link:hover{border-bottom-color:#000}.contact-content{text-align:center;max-width:600px;margin:0 auto}.github-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid #000;color:#000;text-decoration:none;font-weight:600;margin-top:2rem;transition:all .3s ease}.github-link:hover{background:#000;color:#fff}.contact-info{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.contact-item{text-align:center}.contact-item h4{margin-bottom:.5rem;font-weight:600}.contact-item a{color:#666;text-decoration:none}.contact-item a:hover{color:#000}.footer{background:#f8f8f8;padding:2rem 0;text-align:center;border-top:1px solid #e0e0e0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-content{padding:1rem}.nav-links{gap:1rem}.hero-content h1{font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:2rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:1.5rem}}