:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#f7f7f7;margin:0;padding:0;display:block;place-items:unset}.portfolio{font-family:Arial,sans-serif;line-height:1.6;color:#32363a;background-color:#f7f7f7;min-height:100vh;text-align:justify;padding:80px 0 0;margin:0;display:flex;flex-direction:column;align-items:center}.portfolio.dark{background-color:#1a1a1a;color:#fff}.portfolio.dark section{background-color:#2a2a2a;color:#fff;border-color:#0a6ed1}.portfolio.dark #hero{background:linear-gradient(135deg,#005aa3,#003d73)}.portfolio.dark h2,.portfolio.dark h3{color:#0a6ed1}.portfolio.dark li{border-color:#0a6ed1;color:#fff}nav{position:fixed;top:0;width:100%;background-color:#fff;padding:1rem;z-index:1000;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.portfolio.dark nav{background-color:#2a2a2a}.nav-center{flex:1;display:flex;justify-content:center}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger span{width:25px;height:3px;background-color:#0070f2;margin:3px 0;transition:.3s}nav.hidden{top:-80px}.scroll-top{position:fixed;bottom:2rem;right:2rem;background-color:#0070f2;color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:2rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.scroll-top:hover{background-color:#005aa3}.portfolio.dark .scroll-top{background-color:#0a6ed1}footer{background-color:#f7f7f7;color:#32363a;text-align:center;padding:1rem;margin-top:2rem;border-top:2px solid #0070f2}.portfolio.dark footer{background-color:#1a1a1a;color:#fff;border-top-color:#0a6ed1}footer p{margin:.5rem 0;font-size:.9rem}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:1rem;align-items:center}nav li{display:inline;border:none}nav a{color:#0070f2;text-decoration:none;font-weight:700;padding:.5rem;border-radius:4px;transition:background-color .3s}nav a:hover{background-color:#e0e0e0}.portfolio.dark nav a{color:#0a6ed1}.portfolio.dark nav a:hover{background-color:#3a3a3a}nav button{background:none;color:#0070f2;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.theme-toggle{background:#e0e0e0!important;border-radius:20px!important;width:50px;height:26px;padding:3px!important;cursor:pointer;position:relative;transition:background-color .3s}.theme-toggle:hover{background-color:#d0d0d0!important}.toggle-slider{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#f7f7f7;transition:transform .3s,background-color .3s;box-shadow:0 2px 4px #0003;font-size:12px}.toggle-slider.light{transform:translate(0);background-color:#0070f2}.toggle-slider.dark{transform:translate(24px);background-color:#1a1a1a}.portfolio.dark .theme-toggle{background:#3a3a3a!important}.portfolio.dark .theme-toggle:hover{background-color:#4a4a4a!important}nav button:hover{background-color:#e0e0e0}.portfolio.dark nav button{color:#0a6ed1}.portfolio.dark nav button:hover{background-color:#3a3a3a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section{padding:2rem;margin:2rem auto;max-width:1000px;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;border:2px solid #0070f2;width:100%;box-sizing:border-box;animation:fadeInUp .8s ease-out;transition:transform .3s ease,box-shadow .3s ease}section:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}#hero{background:linear-gradient(135deg,#0070f2,#0a6ed1,#16a085);color:#fff;padding:2rem;border:none;box-shadow:none;animation:fadeInUp 1s ease-out}#hero:hover{transform:none}#hero h1{font-size:2.5rem;margin-bottom:.5rem;text-align:center}#hero p{font-size:1.2rem}h2{font-size:2rem;margin-bottom:1rem;color:#0070f2;position:relative;text-align:center}h2:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(90deg,#0070f2,#16a085);margin:.5rem auto;border-radius:2px}#skills .skills-container{display:flex;flex-direction:column;gap:.7rem;max-width:600px;margin:0 auto}#skills .skill-item{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}#skills .skill-name{font-weight:700;font-size:.9rem;color:#0070f2}#skills .skill-bar{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}#skills .skill-level{height:100%;background:linear-gradient(90deg,#0070f2,#16a085);border-radius:3px;transition:width .3s ease}#skills .skill-label{font-size:.8rem;color:#16a085}.portfolio.dark #skills .skill-name{color:#0a6ed1}.portfolio.dark #skills .skill-label{color:#16a085}@media(min-width:768px){#skills .skills-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}#experience{border-color:#16a085}#experience ul{list-style:disc;padding-left:1rem;margin:0}.experience-container{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.experience-item:before{content:"";display:block;height:3px;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#0070f2,#16a085);margin:-1rem -1rem 0}.experience-item{padding:1rem;border-radius:8px;background-color:#f0f0f0;text-align:left}.portfolio.dark .experience-item{background-color:#2a2a2a}.experience-item h3{margin:0 0 .5rem;color:#0070f2}.portfolio.dark .experience-item h3{color:#0a6ed1}.experience-company{margin:0 0 1rem;font-weight:700;color:#666}.portfolio.dark .experience-company{color:#aaa}.experience-section{margin-bottom:1rem}.experience-section h4{margin:.5rem 0;font-size:1rem;color:#0070f2}.portfolio.dark .experience-section h4{color:#0a6ed1}#contact{border-color:#16a085}#contact button{padding:.75rem;background:linear-gradient(90deg,#0070f2,#16a085);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:filter .2s ease}#contact button:hover{filter:brightness(1.05)}#projects .project-group h3{color:#0070f2;margin:0 0 1rem;text-align:left}#projects .projects-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){#projects .projects-grid{grid-template-columns:1fr 1fr}}#projects .project-card{background-color:#fff;border:1px solid #0070f2;border-radius:8px;padding:1rem;text-align:left}.portfolio.dark #projects .project-card{background-color:#2a2a2a;border-color:#0a6ed1}#projects .project-title{margin:0 0 .5rem;color:#0070f2}.portfolio.dark #projects .project-title{color:#0a6ed1}#projects .project-context,#projects .project-tech,#projects .project-tasks ul li{color:#32363a}.portfolio.dark #projects .project-context,.portfolio.dark #projects .project-tech,.portfolio.dark #projects .project-tasks ul li{color:#fff}#projects .project-context,#projects .project-tech,#projects .project-tasks ul{text-align:justify;margin:.25rem 0}#projects .project-card:before{content:"";display:block;height:3px;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#0070f2,#16a085);margin:-1rem -1rem 0}#contact{border-color:#0a6ed1}#contact form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}#contact div{display:flex;flex-direction:column}#contact label{margin-bottom:.5rem;font-weight:700;color:#0070f2}#contact input,#contact textarea{padding:.5rem;border:2px solid #0070f2;border-radius:4px;font-size:1rem;background-color:#fff;color:#32363a}#contact textarea{resize:vertical;min-height:100px}#contact button{padding:.75rem;background-color:#0070f2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s}#contact button:hover{background-color:#005aa3}#contact div:last-child{flex-direction:row;justify-content:center;gap:1rem;margin-top:1rem}#contact a{color:#0070f2;text-decoration:none;font-weight:700;padding:.5rem 1rem;border:2px solid #0070f2;border-radius:4px;transition:background-color .3s;display:flex;align-items:center}#contact a:hover{background-color:#e0e0e0}.portfolio.dark #contact input,.portfolio.dark #contact textarea{background-color:#2a2a2a;color:#fff;border-color:#0a6ed1}.portfolio.dark #contact a{color:#0a6ed1;border-color:#0a6ed1}.portfolio.dark #contact a:hover{background-color:#3a3a3a}@media(max-width:600px){.hamburger{display:flex}nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 0}.portfolio.dark nav ul{background-color:#2a2a2a}nav ul.open{display:flex}nav{padding:.5rem}section{margin:1rem;padding:1rem}#hero{padding:2rem 1rem}#hero h1{font-size:2rem;text-align:center}h2{font-size:1.5rem;text-align:center}ul{flex-direction:column;align-items:center}#experience li{font-size:.9rem;margin-bottom:.25rem;line-height:1.3}#experience h3{font-size:1.2rem}#experience p{font-size:.9rem}}