:root{--bg-color: #121212;--bg-secondary: #1a1a1a;--text-color: #ffffff;--text-light: #aaaaaa;--border-color: #333333;--primary-color: #FF6347;--form-bg: #333;--form-border: #555;--animation-opacity: .04 font-family: "Poppins", sans-serif}body.light-theme{--bg-color: #ffffff;--bg-secondary: #f4f4f4;--text-color: #121212;--text-light: #555555;--border-color: #dddddd;--form-bg: #f0f0f0;--form-border: #cccccc;--animation-opacity: .05}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color)}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:var(--text-color)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 50px;max-width:1100px;margin:0 auto}.navbar-links{display:flex;align-items:center}.hamburger-btn,.close-btn{display:none;background:none;border:none;cursor:pointer}.nav-links-lists{display:flex;gap:30px}.theme-switch{position:relative;display:inline-block;width:50px;height:26px;margin-left:20px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#555;transition:.4s}.slider:before{position:absolute;content:"🌙";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;font-size:12px;text-align:center;line-height:18px;color:#333}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(24px);content:"☀️"}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}section{padding:80px 50px;max-width:1100px;margin:0 auto}.skills-list{display:flex;justify-content:center;gap:30px;text-align:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding-top:25px;padding-bottom:25px}.hero-section{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:100px 50px;max-width:1100px;margin:0 auto;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--primary-color),transparent 40%);border-radius:50%;opacity:var(--animation-opacity);top:-100px;right:-100px;animation:floatBackground 20s ease-in-out infinite;z-index:0}.hero-content,.profile-photo{position:relative;z-index:1}.hero-content{flex:1;padding-right:50px}.profile-photo{max-width:300px;height:300px;object-fit:cover;border-radius:50%}.hero-buttons{display:flex;gap:20px;margin-top:20px}.btn{padding:10px 20px;border:2px solid var(--text-color);border-radius:5px;font-weight:700;color:var(--text-color)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-secondary{border-color:var(--primary-color);color:var(--primary-color);background-color:transparent}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.hero-greeting{font-size:3em;color:var(--text-light);font-weight:700;margin:0}.hero-dot{color:var(--primary-color);font-size:1.2em}.hero-name{font-size:2.5em;font-weight:700;margin:5px 0}.hero-title{font-size:4em;font-weight:700;margin:0}.about-me-section{display:flex;justify-content:space-between;gap:40px;max-width:1100px;margin:0 auto}.about-me-left,.about-me-right{flex:1}.about-me-left{display:flex;flex-direction:column;gap:35px;position:relative;padding-left:30px}.about-me-left:before{content:"";position:absolute;left:0;top:0;height:100%;width:10px;background-color:var(--primary-color)}.service-item{display:flex;align-items:center;gap:15px;margin:10px 0;width:auto}.service-title{font-weight:700;margin:0}.service-heading{font-weight:700;align-self:start}.service-icon{font-size:1.5em;line-height:1}.stats-container{display:flex;justify-content:space-between;margin-top:20px;text-align:center}.stat-item{flex:1;padding:0 10px}.stat-value{font-size:2em;font-weight:700;margin-bottom:5px}.section-title{font-size:2.5em;font-weight:700;text-align:center;position:relative;margin-bottom:40px}.section-title:after{content:"";display:block;width:50px;height:4px;background-color:var(--primary-color);position:absolute;left:50%;transform:translate(-50%);bottom:-15px}.projects-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:20px;border-radius:8px;text-align:left;display:flex;flex-direction:column;overflow:hidden}.project-card img,.inventory-pic{width:100%;height:200px;object-fit:contain;background-color:var(--bg-color);border-radius:5px;margin-bottom:15px;flex-shrink:0}.project-card h3{font-size:1.5em;font-weight:700;margin-bottom:10px}.project-card p{color:var(--text-light);margin-bottom:15px;flex-grow:1}.project-card:hover{transform:scale(1.03);box-shadow:0 4px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.contact-section{background-color:var(--bg-secondary);padding:60px 50px;max-width:100%}.contact-container{display:flex;justify-content:space-between;gap:40px;max-width:1100px;margin:0 auto}.contact-left,.contact-right{flex:1}.contact-title{font-size:2.5em;font-weight:700;margin-top:0;margin-bottom:10px}.contact-subtitle{font-size:1.1em;color:var(--text-light);margin-bottom:30px}.contact-info-item{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:1.1em}.social-text{margin-left:10px}.contact-icon{width:25px;height:25px;object-fit:contain}.contact-socials{display:flex;flex-direction:column;gap:15px;font-size:1.1em}.contact-socials a{display:flex;align-items:center;gap:10px;transition:color .3s ease}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-socials a:hover{color:var(--primary-color)}.form-row{display:flex;gap:15px}.form-group{flex:1;display:flex;flex-direction:column}.contact-form label{margin-bottom:5px;font-size:.9em;color:var(--text-light)}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:5px;padding:10px;color:var(--text-color);font-family:Arial,sans-serif;font-size:1em}.contact-form .btn-primary{align-self:flex-start;cursor:pointer}.footer-bottom{text-align:center;margin:40px auto 0;padding-top:20px;border-top:1px solid var(--border-color);max-width:1100px;color:var(--text-light)}.section-hidden{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.section-visible{opacity:1;transform:translateY(0)}@media(max-width:768px){section,.hero-section{padding:40px 20px}.navbar{flex-direction:row;padding:20px}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;gap:4px}.hamburger-btn span{width:100%;height:3px;background-color:var(--text-color);border-radius:2px}.navbar-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:var(--bg-secondary);box-shadow:-5px 0 15px #0003;z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:right .3s ease-in-out}.navbar-links.open{right:0}.close-btn{display:block;position:absolute;top:20px;right:20px;font-size:2.5em;color:var(--text-color)}.nav-links-lists{flex-direction:column;text-align:center;gap:30px}.nav-links-lists a{font-size:1.5em}.theme-switch,.theme-toggle-btn{margin-left:0}.hero-section{flex-direction:column;text-align:center;gap:30px}.hero-content{text-align:center;padding-right:0}.profile-photo{max-width:200px;height:200px}.hero-buttons{justify-content:center}.hero-greeting{font-size:2em}.hero-name{font-size:2.2em}.hero-title{font-size:3em}.skills-list{flex-wrap:wrap;gap:20px;justify-content:center}.about-me-section{flex-direction:column;gap:40px}.about-me-left{text-align:center;padding-left:15px}.about-me-left:before{display:none}.service-item{justify-content:center}.stats-container{flex-direction:column;gap:20px}.projects-grid{grid-template-columns:1fr}.section-title{font-size:2em}.contact-container{flex-direction:column;gap:40px}.form-row{flex-direction:column;gap:15px}.contact-left{text-align:center}.contact-info-item{justify-content:center}.contact-socials{align-items:center}.contact-form .btn-primary{align-self:stretch;text-align:center}}@keyframes floatBackground{0%{transform:translate(0)}50%{transform:translate(-100px,100px)}to{transform:translate(0)}}