*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f1e8;font-family:system-ui,sans-serif;color:#6b5b4c}html{scroll-behavior:smooth;scrollbar-color:#6B5B4C}html::-webkit-scrollbar-track{background-color:#6b5b4c}html::-webkit-scrollbar-thumb{background-color:#2f4f4f}html::-webkit-scrollbar-thumb:hover{background-color:#f5f1e8}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:#f5f1e8;border-bottom:1px solid #E0D9C8;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#f5f1e8d9}.nav-links{display:flex;gap:1.5rem}.nav-link{position:relative;text-decoration:none;color:#8b8c69;font-size:.95rem;min-width:90px;text-align:center;padding:.4rem .8rem;transition:color .2s ease}.nav-link:hover{color:transparent}.nav-link:before{content:"";position:absolute;width:40px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);background-image:url(heart-svgrepo-com.svg);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;transition:opacity .2s ease,transform .3s ease;z-index:-1}.nav-link:hover:before{opacity:.25;transform:translate(-50%,-50%) rotate(50deg)}.hero-container{max-width:1200px;margin:0 auto;display:flex;text-align:center}.hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:fadeInUp .8s ease forwards}.hero-welcome{font-size:2.5rem;font-weight:700}.hero-name{font-size:4rem}.hero-role{font-size:1.5rem}.hero-description{font-size:1.2rem;line-height:1.7;color:#8b8c69}.hero-buttons{display:flex;gap:1rem;justify-content:center;align-items:center}.hero-button{text-decoration:none;color:#6b5b4c;font-weight:800}.hero-button:hover{color:#8b8c69}.hero-right{flex:1;display:flex;animation:fadeInUp .8s ease forwards}.hero-photo{width:100%;height:auto;object-fit:cover}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about{background-color:#8b8c69;padding:8rem 0}.about-container{display:flex;max-width:1200px;margin:0 auto;color:#fff}.about-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.about-video{width:100%;max-width:360px;height:500px;object-fit:cover;border-radius:16px}.about-media{width:360px;height:500px;border-radius:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto}.about-tiktok-button{text-decoration:none;color:#3d3e26}.about-tiktok-button:hover{color:#65654c}.about-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.about-title{font-size:2rem}.about-text{text-align:center}.projects{padding:8rem 0}.projects-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:4rem}.projects-title{font-size:3rem;color:#938475}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.projects-card{width:250px;min-height:320px;flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background-color:#938475;padding:1.5rem;color:#fff;border-radius:12px;transition:transform .2s ease}.projects-card-title,.projects-card-tech{color:#4e3a3a}.projects-card:hover{transform:translateY(-20px);background-color:#6b5b4c}.projects-card-links{display:flex;justify-content:center;gap:1rem;text-decoration:none;color:#2d1906}.projects-card-links:hover{color:#fff}.contact{background-color:#8b8c69;padding:8rem 0}.contact-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;color:#fff;gap:2rem}.contact-title{font-size:3rem}.contact-text{font-size:1.5rem}.contact-links{display:flex;gap:3rem;font-size:4rem;color:#3d3e26}.contact-links:hover{color:#65654c}.contact-link-resume{text-decoration:none;font-weight:700;color:#3d3e26}.contact-link-resume:hover{color:#65654c}