*{box-sizing:border-box;margin:0;padding:0}body,html,#root,.app-container{height:100%;font-family:Poppins,sans-serif;background:#fff;color:#010100;scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}section{margin-bottom:3.5rem;margin-top:3.5rem;animation:fadeIn 1.1s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.header,.hero-section,.projects-section,.stack-section,.skills-section,.about-section,.contact-section,.footer{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;border-radius:18px;box-sizing:border-box}.header{background:linear-gradient(135deg,#3d550c,#9dbf3d);text-align:center;padding:1.1rem 1rem .8rem;box-shadow:0 4px 12px #3d550c99;color:#fff;position:sticky;top:0;z-index:100;border-radius:0 0 18px 18px;width:100vw;max-width:100vw;margin-left:0;margin-right:0;left:0}.header-title{font-size:3.5rem;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 6px rgba(0,0,0,.7);-webkit-user-select:none;user-select:none}.header-subtitle{margin-top:.5rem;font-weight:300;font-size:1.3rem;font-style:italic;-webkit-user-select:none;user-select:none}.cv-button{display:inline-block;margin-top:1.1rem;padding:.6rem 1.4rem;background:#122620;color:#fff;font-weight:600;border-radius:30px;font-size:1.05rem;text-decoration:none;box-shadow:0 2px 8px #0000002e;transition:background .2s,color .2s,transform .2s;border:2px solid #9dbf3d}.cv-button:hover{background:#9dbf3d;color:#122620;transform:translateY(-2px) scale(1.04);border-color:#122620}.hero-section{background:#fff;padding:4rem 2rem 6rem;text-align:center;max-width:900px;margin:0 auto 4rem;border-radius:15px;box-shadow:0 8px 20px #fff}.hero-avatar{width:160px;height:160px;border-radius:50%;border:5px solid #9dbf3d;object-fit:cover;box-shadow:0 4px 12px #9dbf3db3;margin-bottom:1.5rem;transition:transform .3s ease}.hero-avatar:hover{transform:scale(1.05)}.hero-title{font-size:2.4rem;font-weight:700;color:#9dbf3d;margin-bottom:1rem;letter-spacing:1.5px}.hero-text{max-width:900px;margin:0 auto;text-align:justify;line-height:2;margin-bottom:1.5rem;font-weight:300;font-size:1.1rem;color:#010100}.section-title{font-size:2.8rem;font-weight:800;color:#9dbf3d;text-align:center;margin-bottom:2rem;-webkit-user-select:none;user-select:none}.section-title.light{color:#fff}.projects-section{max-width:1200px;margin:0 auto 6rem;padding:0 1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:#292929;padding:2rem 1.5rem 2.5rem;border-radius:20px;box-shadow:0 5px 15px #000000b3;color:#fff;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;position:relative}.project-card:hover{box-shadow:0 10px 25px #9dbf3daa;transform:translateY(-6px);background:#3d550c;color:#fff}.project-icon{font-size:3rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.project-title{font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.project-desc{font-weight:300;flex-grow:1;color:#fff;margin-bottom:1.2rem}.project-link{color:#fff;font-weight:600;font-size:.95rem;align-self:flex-start;border-bottom:1px solid transparent;transition:border-color .3s ease}.project-link:hover{border-color:#fff}.stack-section{max-width:900px;margin:0 auto 6rem;padding:0 1rem;text-align:center}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-top:2rem}.stack-item{background:#1f1f1f;padding:1.8rem 1rem;border-radius:15px;box-shadow:0 4px 12px #9dbf3d4d;transition:transform .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.stack-item:hover{box-shadow:0 8px 20px #9dbf3dbb;transform:translateY(-5px)}.stack-icon{color:#9dbf3d;margin-bottom:.8rem}.stack-item h4{font-weight:700;margin-bottom:.4rem;color:#c7db8e}.stack-item p{font-weight:300;font-size:.95rem;color:#c7db8eaa}.skills-section{background:#fff;border-radius:15px;max-width:1000px;margin:0 auto 3rem;padding:2rem 1.5rem 2.5rem;box-shadow:0 4px 16px #fff;text-align:center}.badges-grid{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:2rem}.badge{background:#9dbf3d;color:#122620;font-weight:600;border-radius:20px;padding:.45rem 1.1rem;font-size:1rem;margin-bottom:.3rem;box-shadow:0 2px 8px #9dbf3d21;transition:background .2s,color .2s;-webkit-user-select:none;user-select:none}.badge:hover{background:#3d550c;color:#fff}.softskills-list{margin-top:1.2rem;text-align:left;max-width:700px;margin-left:auto;margin-right:auto}.softskills-list h3{color:#9dbf3d;font-size:1.15rem;margin-bottom:.5rem}.softskills-list ul{list-style:disc inside;color:#010100;font-size:1rem;padding-left:.45rem 1.1rem}.softskills-list li{margin-bottom:.4rem}.about-section{background:#fff;border-radius:15px;max-width:900px;margin:2.5rem auto 3rem;padding:2rem 1.5rem;box-shadow:0 4px 16px #fff}.about-text{font-size:1.15rem;font-weight:400;color:#010100;line-height:1.7;text-align:center}.contact-section{background:none;padding:4rem 1rem 5rem;text-align:center;color:#010100;-webkit-user-select:none;user-select:none;border-radius:18px}.contact-title{font-size:2.5rem;font-weight:700;color:#010100;margin-bottom:1.5rem;text-align:center;text-shadow:none}.contact-text{font-weight:300;font-size:1.2rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;color:#010100}.contact-links{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-bottom:1.8rem}.contact-link{display:flex;align-items:center;gap:.6rem;color:#010100;font-weight:500;font-size:1rem;transition:color .3s ease;text-decoration:none}.contact-link:hover{color:#010100}.contact-phone{font-weight:300;font-size:1rem;opacity:.8;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#010100}.contact-phone:before{content:"☎";font-size:1.2rem;color:#010100}#top-btn{position:fixed;bottom:2.5rem;right:2.5rem;background:#9dbf3d;color:#122620;border:none;border-radius:50%;width:48px;height:48px;font-size:2rem;box-shadow:0 4px 16px #0000002e;cursor:pointer;z-index:2000;display:none;transition:background .2s,color .2s}#top-btn.show{display:block}#top-btn:hover{background:#3d550c;color:#fff}.footer{background:#fff;text-align:center;padding:2rem 0 1.5rem;color:#999;font-size:.95rem;-webkit-user-select:none;user-select:none;border-radius:18px 18px 0 0;margin-top:3rem}.language-toggle{display:inline-block;margin-top:1.1rem;padding:.6rem 1.4rem;background:#122620;color:#fff;font-weight:600;border-radius:30px;font-size:1.05rem;text-decoration:none;box-shadow:0 2px 8px #0000002e;transition:background .2s,color .2s,transform .2s;border:2px solid #9dbf3d;position:absolute;bottom:10px;right:10px}.language-toggle:hover{background:#9dbf3d;color:#122620;transform:translateY(-2px) scale(1.04);border-color:#122620}@media (max-width: 900px){.header,.hero-section,.projects-section,.stack-section,.skills-section,.about-section,.contact-section,.footer{max-width:98vw;border-radius:0;margin-left:0;margin-right:0}section{margin-bottom:2.2rem;margin-top:2.2rem}}@media (max-width: 768px){.hero-title{font-size:2rem}.header-title{font-size:2.5rem}.section-title{font-size:2.2rem}}html,body,#root{width:100vw;min-width:100vw;overflow-x:hidden;background:#fff!important}.app-container{width:100vw;min-width:100vw;background:transparent;overflow-x:hidden;margin:0;padding:0}: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}}