:root{--bg-dark: hsl(0, 0%, 0%);--bg: hsl(0, 0%, 5%);--bg-light: hsl(0, 0%, 10%);--text: hsl(0, 0%, 95%);--text-muted: hsl(0, 0%, 70%)}body.light{--bg-dark: hsl(0, 0%, 90%);--bg: hsl(0, 0%, 95%);--bg-light: hsl(0, 0%, 100%);--text: hsl(0, 0%, 5%);--text-muted: hsl(0, 0%, 30%)}body{background-color:var(--bg-dark);color:var(--text);transition:all .5s ease}header{display:flex;justify-content:center;padding:1rem 3rem;font-weight:700;font-family:Poppins,sans-serif}.header-left{display:flex;align-items:center;flex-shrink:0}.header-middle{display:flex;justify-content:center;align-items:center;max-width:1000px;flex:1}.header-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.logo{font-size:1.5rem;font-weight:700;color:var(--text);text-decoration:none;font-family:Poppins,sans-serif;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--text);padding:3px}.header-middle a{text-decoration:none;color:var(--text);padding:15px;cursor:pointer}@media (max-width: 800px){header{font-size:.8rem}.header-middle a{padding:10px}.logo{width:20px;height:20px;font-size:1rem}}@media (max-width: 500px){.header-left{display:none}.header-right{margin-left:10px}}.theme-toggle{border:2px solid var(--text);cursor:pointer;padding:0;width:61px;height:30px;border-radius:15px;position:relative;transition:all .3s ease}.toggle-track{display:block;width:100%;height:100%;border-radius:15px;background:var(--bg);position:relative}.toggle-thumb{position:absolute;top:3.5px;left:3.5px;width:20px;height:20px;border-radius:50%;background:var(--text);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle.dark .toggle-thumb{transform:translate(30px);background:var(--text)}.theme-toggle:hover .toggle-thumb{transform:scale(1.1)}.theme-toggle.dark:hover .toggle-thumb{transform:translate(30px) scale(1.1)}@media (max-width: 800px){.theme-toggle{width:50px;height:25px}.toggle-thumb{width:16px;height:16px;top:2.5px;left:2.5px}.theme-toggle.dark .toggle-thumb{transform:translate(25px)}.theme-toggle.dark:hover .toggle-thumb{transform:translate(25px) scale(1.1)}}.hero{padding:1rem 2rem;font-family:Poppins,sans-serif}.hero-content{position:relative;max-width:1000px;margin:3rem auto 0;font-weight:700}.hero-grid{display:grid;grid-template-columns:1fr auto;align-items:center}.hero-left{font-size:1.5rem;font-weight:700;padding-right:1rem}.hero h3{margin-top:0}.hero h1{margin-bottom:0;font-size:3rem}.hero p{margin-top:.5rem;font-size:1.2rem;color:var(--text-muted)}.avater{width:300px;height:300px;border-radius:50%;border:2px solid var(--text)}@media (max-width: 800px){.hero-grid{display:grid;grid-template-columns:auto auto;place-items:center}.hero h1{font-size:1rem}.hero p{font-size:.7rem}.avater{width:150px;height:150px}}@media (max-width: 500px){.hero h3{font-size:1rem}.avater{width:110px;height:110px}}.download-cv{background-color:var(--text);color:var(--bg);padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.download-cv:hover{background-color:var(--text-muted);transition:all .3s ease}@media (max-width: 800px){.download-cv{padding:8px 16px;font-size:.8rem}}.about{padding:1rem 2rem;font-family:Poppins,sans-serif}.about h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.about-content{position:relative;max-width:1200px;margin:3rem auto 0;font-weight:700}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0px,1fr));align-items:center;margin-left:20px}.about-avater{width:350px;height:350px;border-radius:30px}.about-flex{display:flex;flex-direction:column;gap:1.5rem}.about-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:1.5rem}.about-experience,.about-education{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.8rem;background-color:var(--bg);padding:1.5rem;border-radius:8px;border-left:4px solid var(--text)}.about-story{background-color:var(--bg);padding:1.5rem;border-radius:8px}.about-story p{line-height:1.7;color:var(--text)}@media (max-width: 1200px){.about-avater{width:300px;height:300px}}@media (max-width: 800px){.about-avater{width:250px;height:250px}.about-grid{margin-left:0;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.about-story p{font-size:.8rem}}@media (max-width: 500px){.about h2{font-size:1.5rem}.about-avater{width:200px;height:200px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-highlights{grid-template-columns:1fr}}.experience{padding:1rem 2rem;font-family:Poppins,sans-serif}.experience h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.skills-section{max-width:1200px;border-radius:8px;margin:3rem auto 0;font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category{background-color:var(--bg);padding:0 1.5rem 1.5rem;border-radius:8px;border-left:4px solid var(--text)}.skill-category h4{justify-self:center;color:var(--text);margin-bottom:1rem;font-size:1.1rem}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skills-list span{display:flex;align-items:center;justify-content:center;color:var(--text);background-color:var(--bg-light);border:1px solid var(--text-muted);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}@media (max-width: 800px){.skill-category h4{font-size:1rem}}@media (max-width: 500px){.experience h2{font-size:1.5rem}}.timeline{padding:1rem 3rem;font-family:Poppins,sans-serif}.timeline h2{text-align:center;font-size:2rem;font-weight:700;color:var(--text)}.timeline-container{position:relative;max-width:1200px;margin:3rem auto 0;font-weight:700}.timeline-container:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:var(--text)}.timeline-item{display:flex;padding-right:10px;position:relative;margin-bottom:3rem;width:50%}.timeline-item.right{left:50%;padding-left:20px}.timeline-dot{width:20px;height:20px;background-color:var(--text);border-radius:50%;position:absolute;right:0;top:0;z-index:2}.timeline-item.right .timeline-dot{left:-10px}.timeline-content{background-color:var(--bg);padding:1.5rem;border-radius:8px;width:100%;flex-grow:1}.timeline-item.left .timeline-content{margin-right:20px}.timeline-year{font-size:1.5rem}.timeline-content h3{margin-bottom:0}.timeline-subtitle{margin-top:3px;color:var(--text-muted)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{color:var(--text);background-color:var(--bg-light);border:1px solid var(--text-muted);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.timeline-content p{line-height:1.7;color:var(--text-muted)}.project-links{display:flex;gap:1rem;margin-top:1.5rem}.project-links a{padding:.8rem 1.5rem;background-color:var(--text);color:var(--bg);text-decoration:none;border-radius:6px;font-weight:600;cursor:pointer}.project-links a:hover{background-color:var(--text-muted);transition:all .3s ease}@media (max-width: 800px){.timeline-container{align-items:center;justify-self:center}.timeline-container:before{left:0;transform:none}.timeline-item{width:99%;padding-left:20px}.timeline-item.right{left:0;padding-left:20px}.timeline-dot{left:-9px;transform:none}.timeline-item.left .timeline-content{margin-right:0}.timeline-content h3{font-size:1rem}.timeline-content p{font-size:.8rem}.project-links a{padding:8px 16px;font-size:.8rem}}@media (max-width: 500px){.timeline h2{font-size:1.5rem}}.contact{padding:1rem 2rem;font-family:Poppins,sans-serif}.contact h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.contact-subtitle{text-align:center;color:var(--text-muted);margin-bottom:3rem;font-weight:700;font-size:1.2rem}.contact-container{gap:3rem;max-width:500px;margin:0 auto}.contact-form-section{background:var(--bg);padding:1.5rem;border-radius:8px;margin-bottom:3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:none;border-radius:6px;background:var(--bg-light);color:var(--text);font-size:1rem;box-sizing:border-box;resize:none}.submit-btn{background-color:var(--text);color:var(--bg);padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.submit-btn:hover{background:var(--text-muted);transition:all .3s ease}@media (max-width: 800px){.submit-btn{padding:8px 16px;font-size:.8rem}}@media (max-width: 500px){.contact h2{font-size:1.5rem}.contact-subtitle{font-size:1rem}}footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:0 3rem 2rem;font-weight:700;font-family:Poppins,sans-serif}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.icon{font-size:1.5rem;color:var(--text)}.icon:hover{color:var(--text-muted);transition:all .3s ease}@media (max-width: 500px){footer span{font-size:.8rem}}