html{scroll-behavior: smooth;}.hero h1,section h2{margin-bottom:20px}.hero img{margin-bottom:35px;}.hamburger,.work-item{position:relative;cursor:pointer}.work-item .overlay,header{top:0;left:0;opacity:0;transition:opacity .3s}.skill-tag,footer{font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Helvetica Neue",sans-serif;background-color:#121212;color:#fff;scroll-behavior:smooth;overflow-x:hidden}header{position:fixed;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:rgba(18,18,18,.8);backdrop-filter:blur(10px);pointer-events:none;z-index:1000}header.visible{opacity:1;pointer-events:auto}header .logo{display:flex;align-items:center}header .logo img{width:50px;height:50px;border-radius:50%;margin-right:10px;object-fit:cover}header nav button{margin-left:20px;text-decoration:none;color:#fff;font-size:16px;transition:color .3s;cursor:pointer;background:none;outline:inherit;border:none;}@media (hover: hover){header nav button:hover{color:#aaa}}@media (hover: none){header nav button:active{color:#aaa}}.hamburger{display:none;width:30px;height:24px;z-index:1100}.hamburger span{position:absolute;left:0;width:100%;height:3px;border-radius:6px;background:#fff;transition:.3s ease-in-out}footer,section:nth-of-type(2n){background-color:#1e1e1e}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){top:20px}.hamburger.active span:first-child{transform:rotate(45deg);top:10px}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg);top:10px}.container{max-width:800px;margin:0 auto;padding:0 20px}.hero,footer{text-align:center;padding:20px}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero h1{font-size:4rem}.hero img{width:200px;height:200px;border-radius:50%;object-fit:cover}.hero .buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;width:100%;max-width:600px;margin:0 auto}.hero .buttons button{padding:10px 20px;font-size:16px;background:0 0;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;transition:.3s,color .3s}@media (hover: hover){.hero .buttons button:hover{background:#fff;color:#121212}}@media (hover: none){.hero .buttons button:active{background:#fff;color:#121212}} section{padding:100px 20px;min-height:100vh}section h2{font-size:2.5rem}section p{font-size:1.1rem;line-height:1.6}.skills-container{margin-top:20px}.skills-container h3{margin-bottom:10px}.skill-tag{display:inline-block;background-color:#333;color:#fff;padding:5px 10px;border-radius:20px;margin:5px}.works-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.work-item{overflow:hidden;border-radius:10px}.work-item img{width:100%;height:auto;display:block;transition:transform .3s,filter .3s}.work-item:hover img{transform:scale(1.05);filter:brightness(.7)}.work-item .overlay{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.5);font-size:1.5rem}.work-item:hover .overlay{opacity:1}@media (max-width:768px){.hero h1{font-size:3rem}.hero img{width:150px;height:150px}header nav button{font-size:14px;margin-left:10px}.container{padding:0 10px}}@media (max-width:480px){.hero h1{font-size:2.5rem}.hero img{width:120px;height:120px}.hero .buttons button{padding:8px 16px;font-size:14px}header{padding:0 10px}header .logo img{width:40px;height:40px}}@media (max-width:550px){header nav,header nav button{padding:10px 0;width:100%}.hamburger,header nav button{display:block}header nav{position:absolute;top:80px;left:0;background:rgba(18,18,18,.9);flex-direction:column;text-align:center;transform:translateY(-100%);opacity:0;transition:transform .3s,opacity .3s;display:flex;pointer-events:none}header nav.mobile{transform:translateY(0);opacity:1;pointer-events:auto}header nav button{margin:10px 0}}#contact .container a{text-decoration:none;color:white;}#nav button{cursor:pointer;}.work-container{display:flex;flex-direction:column;gap:0;text-align:center;}.work-container h3{margin:0;font-size:1.2rem;font-weight:600;color:white;margin-top: 5px;}.work-container .technologies{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;}.work-container .technologies li{display:inline-block;background-color:#333;color:#fff;padding:5px 10px;border-radius:20px;margin:5px;font-size:0.9rem;}.work-container .work-item{order:-1;}.work-container{display:flex;flex-direction:column;gap:10px;text-align:center;}.work-container h3{margin:0;font-size:1.2rem;font-weight:600;color:white;}.work-container .technologies{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;}.work-container .technologies li{display:inline-block;background-color:#333;color:#fff;padding:5px 10px;border-radius:20px;margin:5px;font-size:0.9rem;}.work-container .work-item{order:-1;}.title-socials-container{display:flex;justify-content:space-between;align-items:center;width:100%;}.social-icons{display:flex;margin:0;margin-bottom:20px;gap:15px;}#git-icon{margin:5px;}#in-icon{margin:5px;}#x-icon{margin:1px;height:39px;width:39px;}#x-icon img{height:39px;width:39px;}.social-icon{width:31px;height:31px;transition:transform 0.3s ease;}.social-icon:hover{transform:scale(1.1);}.social-icon img{width:100%;height:100%;filter:brightness(0) invert(1);}.contact-form{max-width:500px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:12px 15px;background:transparent;border:2px solid #fff;border-radius:5px;color:#fff;font-size:1rem;font-family:inherit;transition:border-color 0.3s, background-color 0.3s}.form-group input:focus,.form-group textarea:focus{outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:15px;background:#fff;border:2px solid #fff;border-radius:5px;color:#121212;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all 0.3s}.submit-btn:hover{background:transparent;color:#fff}.submit-btn:disabled{opacity:0.6;cursor:not-allowed}.form-message{margin-top:20px;padding:15px;border-radius:5px;text-align:center;font-weight:500;display:none}.form-message.success{background:rgba(76, 175, 80, 0.2);border:1px solid #4CAF50;color:#4CAF50}.form-message.error{background:rgba(244, 67, 54, 0.2);border:1px solid #f44336;color:#f44336}@media (max-width: 768px){.contact-form{padding:20px;margin:30px auto 0}.form-group input,.form-group textarea{padding:10px 12px}.submit-btn{padding:12px;font-size:1rem}}