:root{--bg-color:#fff;--text-color:#000}.theme-dark{--bg-color:#000;--text-color:#fff}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;width:100%;max-width:100vw;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}header{background:var(--bg-color);z-index:1000;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo h2{margin:0;font-size:1.5rem}.header-controls{align-items:center;gap:1rem;display:flex}.navbar{background:var(--bg-color);z-index:1000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:280px;height:100vh;padding:5rem 2rem 2rem;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-2px 0 10px #0000001a}.navbar-open{right:0}.navbar ul{flex-direction:column;gap:2rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.navbar li{width:100%;margin:0}.navbar a{color:var(--text-color);border-bottom:1px solid rgba(var(--text-color),.1);padding:.5rem 0;font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s;display:block}.navbar a:hover{text-decoration:underline}.dark-mode-btn{border:2px solid var(--text-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;transition:all .3s;display:flex}.dark-mode-btn:hover{background-color:var(--text-color);color:var(--bg-color);transform:scale(1.1)}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;padding:.5rem;display:flex}.hamburger-line{background-color:var(--text-color);border-radius:2px;width:25px;height:3px;margin:3px 0;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(-45deg)translate(-5px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(45deg)translate(-5px,-6px)}.menu-overlay{z-index:999;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}button{background-color:var(--text-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:5px;padding:.5rem 1rem;font-weight:500}button:hover{opacity:.9}.hero{text-align:center;filter:brightness(1.3)contrast(1.1);background-image:url("../media/image (2).37d39872.jpg");background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;width:100%;max-width:100vw;min-height:100vh;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}.hero>*{z-index:2;color:#fff;text-shadow:2px 2px 4px #000c;position:relative}.hero h1{margin-bottom:1rem;font-size:4rem;font-weight:700}.hero p{margin-bottom:2rem;font-size:1.5rem}.hero button{margin:0 1rem}section{max-width:1200px;margin:0 auto;padding:4rem 2rem}h2{margin-bottom:2rem;font-size:2.5rem}h3{margin:1.5rem 0 1rem;font-size:1.8rem}p{font-size:1.1rem;line-height:1.6}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;display:grid}.skill-item{text-align:center}.skill-item img{width:50px;height:50px;margin-bottom:.5rem}.skill-item span{font-size:1rem;display:block}.project-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.project-card{cursor:pointer;border:1px solid var(--text-color);border-radius:5px;padding:1rem;transition:transform .3s}.project-card:hover{transform:scale(1.05)translateY(-5px);box-shadow:0 10px 25px #00000026}.project-card img{border-radius:5px;width:100%;height:auto}.project-card h3{margin:1rem 0 .5rem;font-size:1.5rem}.project-card a{background:var(--text-color);text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--text-color);z-index:1;border-radius:25px;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003;color:var(--bg-color)!important}.project-card a:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-card a:hover{background:var(--text-color);opacity:.9;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;color:var(--bg-color)!important}.project-card a:hover:before{left:100%}.project-card a:active{transform:translateY(0);box-shadow:0 4px 15px #0003}.modal{z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);color:var(--text-color);border-radius:5px;max-width:80%;max-height:80vh;padding:2rem;position:relative;overflow-y:auto}.modal-content button{position:absolute;top:1rem;right:1rem}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:2px solid var(--text-color);background-color:var(--bg-color);width:100%;color:var(--text-color);border-radius:5px;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-color);opacity:.8;outline:none}.contact-form button{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.submit-message{text-align:center;border-radius:5px;margin-top:1rem;padding:.75rem}.submit-message.success{color:#fff;background-color:#4caf50}.submit-message.error{color:#fff;background-color:#f44336}.form-group .validation-error{color:#f44336;margin-top:.25rem;font-size:.9rem;display:block}.social-links{justify-content:center;gap:2rem;margin-top:3rem;display:flex}.social-links a{color:var(--text-color);transition:opacity .3s}.social-links a:hover{opacity:.7}.theme-dark .skill-item img{filter:invert()}.theme-dark .social-links svg{color:var(--text-color)}.skill-item img{filter:none;transition:filter .3s}footer{text-align:center;background:var(--text-color);color:var(--bg-color);padding:1rem}.fade-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(-50px)}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(50px)}.slide-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:scale(.8)}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-animation{transition-delay:.1s}.stagger-animation:nth-child(2){transition-delay:.2s}.stagger-animation:nth-child(3){transition-delay:.3s}.stagger-animation:nth-child(4){transition-delay:.4s}.stagger-animation:nth-child(5){transition-delay:.5s}.stagger-animation:nth-child(6){transition-delay:.6s}.parallax-element{will-change:transform}@media (max-width:768px){.header-content{padding:1rem}.header-controls{order:1}.dark-mode-btn{width:36px;height:36px;padding:.4rem}.hero{background-attachment:scroll;margin-top:0;padding:4rem 1rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}section{padding:2rem 1rem}h2{font-size:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.project-list{grid-template-columns:1fr}.modal-content{max-width:90%;padding:1.5rem}.hero button{width:auto;margin:.5rem}}@media (max-width:480px){.header-content{padding:.75rem}.logo h2{font-size:1.2rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.skill-item img{width:40px;height:40px}.skill-item span{font-size:.9rem}}