@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-color:#061214;--text-primary:#fff;--text-secondary:#94a3a8;--accent-teal:#0de2c5;--accent-teal-dark:#078c7a;--accent-green:#a4ce52;--nav-bg:#061214d9;--hover-overlay:#ffffff0d;--border-color:#ffffff4d;--btn-text:#000;--card-shadow:#000c;--hero-grad-1:#0de2c514;--hero-grad-2:#a4ce520d}[data-theme=light]{--bg-color:#f7f9fa;--text-primary:#151a20;--text-secondary:#5c6870;--accent-teal:#08a38f;--accent-teal-dark:#067264;--accent-green:#8eb83f;--nav-bg:#f7f9fad9;--hover-overlay:#0000000d;--border-color:#00000026;--btn-text:#fff;--card-shadow:#00000026;--hero-grad-1:#08a38f1f;--hero-grad-2:#8eb83f1a}body,html{background-color:var(--bg-color);color:var(--text-primary);scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#0de2c54d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}.about-page{background:radial-gradient(circle at 10% 40%, var(--hero-grad-1) 0%, transparent 40%), radial-gradient(circle at 85% 65%, var(--hero-grad-2) 0%, transparent 40%);justify-content:space-between;align-items:center;min-height:calc(100vh - 80px);padding:0 10%;display:flex;position:relative}.about-elements{z-index:2;width:50%;padding-bottom:2rem}.about-elements h1{color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:800;line-height:1.1;transition:color .4s}.about-elements h2{color:var(--accent-teal);margin-top:0;margin-bottom:1.5rem;font-size:2.2rem;font-weight:600;display:inline-block;position:relative}.about-elements h2:after{content:"|";color:var(--accent-teal-dark);margin-left:2px;animation:1.2s step-start infinite blink}@keyframes blink{50%{opacity:0}}.about-elements p{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7;transition:color .4s}.buttons{gap:1.5rem;display:flex}.buttons button{cursor:pointer;background:0 0;border:none;padding:0}.buttons button a{border-radius:30px;justify-content:center;align-items:center;padding:14px 32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.buttons button:first-child a{background-color:var(--accent-teal);color:var(--btn-text);box-shadow:0 4px 15px #0de2c533}.buttons button:first-child a:hover{background-color:var(--accent-teal-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0de2c566}.buttons button:last-child a.download-btn{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.buttons button:last-child a.download-btn:hover{border-color:var(--accent-teal);color:var(--accent-teal);background-color:var(--hover-overlay);transform:translateY(-2px)}.image-container{z-index:1;justify-content:center;align-items:center;margin-right:5%;display:flex;position:relative}.image-container:before{content:"";border:3px solid var(--accent-teal);z-index:-1;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:-20px -20px 20px 20px;box-shadow:0 0 25px #0de2c533}.image-container:hover:before{inset:-15px -15px 15px 15px;box-shadow:0 0 35px #0de2c580}.image-container img{object-fit:cover;z-index:2;width:340px;height:420px;box-shadow:0 10px 40px var(--card-shadow);border-radius:20px;transition:transform .4s;display:block;position:relative}.image-container:hover img{transform:translate(-4px,4px)}@media screen and (width<=900px){.about-page{text-align:center;flex-direction:column;justify-content:center;gap:4rem;min-height:auto;padding:5%}.about-elements{flex-direction:column;align-items:center;width:100%;display:flex}.about-elements h1{font-size:3.5rem}.about-elements h2{font-size:1.8rem}.about-elements p{margin:0 auto 2.5rem}.buttons{justify-content:center}.image-container{margin-top:2rem;margin-bottom:4rem;margin-right:0}}@media screen and (width<=480px){.about-elements h1{font-size:2.8rem}.about-elements h2{font-size:1.5rem}.buttons{flex-direction:column;gap:1rem;width:100%}.image-container img{width:280px;height:350px}}.general-section{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:6rem 10% 2rem;display:flex}.section-headers{text-align:center;margin-bottom:2rem}.section-headers h1{color:var(--text-primary);margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:2.8rem}.section-headers h1 .highlight{background:linear-gradient(90deg, var(--accent-teal) 0%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.section-headers h3{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:500}.toggle-container{justify-content:center;margin-bottom:3rem;display:flex}.toggle-pill{border:1px solid var(--border-color);background:0 0;border-radius:40px;gap:5px;padding:5px;display:inline-flex}.toggle-pill button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.toggle-pill button.active{background-color:var(--accent-teal);color:var(--btn-text);box-shadow:0 4px 15px #0de2c533}.toggle-pill button:not(.active):hover{color:var(--text-primary);background-color:var(--hover-overlay)}@media screen and (width<=768px){.general-section{padding:4rem 5% 2rem}.section-headers h1{font-size:2.2rem}.toggle-container{justify-content:flex-start;width:100%;padding-bottom:10px;overflow-x:auto}.toggle-pill{width:max-content}}@media screen and (width<=480px){.section-headers h1{font-size:1.8rem}.section-headers h3{font-size:.95rem}.general-section{padding:3rem 20px 2rem}}.education-timeline,.experience-timeline{width:100%;margin-top:2rem}.timeline-container{flex-direction:column;max-width:1000px;margin:0 auto;padding:2rem 0;display:flex;position:relative}.timeline-container:before{content:"";z-index:0;background:linear-gradient(#1f2b29 0%,#463421 20%,#5c3a21 80%,#0000 100%);border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{box-sizing:border-box;z-index:1;width:50%;margin-bottom:2rem;padding:1.5rem 3rem;position:relative}.timeline-item.left{align-self:flex-start}.timeline-item.right{align-self:flex-end}.tree-branch{z-index:0;background-color:#5c3a21;width:30px;height:4px;position:absolute;top:3.5rem}.timeline-item.left .tree-branch{right:0;transform:rotate(5deg)}.timeline-item.right .tree-branch{left:0;transform:rotate(-5deg)}.leaf{background-color:var(--accent-teal);width:16px;height:16px;box-shadow:0 0 10px var(--accent-teal);border-radius:50% 0;transition:transform .4s;position:absolute}.timeline-item:hover .leaf{transform:scale(1.3)rotate(15deg)}.timeline-item.left .leaf{top:-6px;right:-10px;transform:rotate(45deg)}.timeline-item.right .leaf{top:-6px;left:-10px;transform:rotate(-135deg)}.card-cont{background:var(--nav-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px var(--card-shadow);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card-cont:hover{border-color:var(--accent-teal);transform:translateY(-5px);box-shadow:0 15px 35px #0de2c526}.card-top{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-icon{color:var(--accent-teal);align-items:center;font-size:1.2rem;display:flex}.card-top h3{margin:0;font-size:.9rem;font-weight:500}.card-cont h1{color:var(--text-primary);margin:0 0 6px;font-family:Outfit,sans-serif;font-size:1.3rem;line-height:1.3}.card-cont h2{color:var(--accent-teal);margin:0;font-size:.95rem;font-weight:500}.card-desc-wrapper{opacity:0;max-height:0;transition:all .4s}.card-desc-wrapper.show{opacity:1;max-height:500px}.card-desc{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:16px;padding-top:16px;font-size:.9rem;line-height:1.6}.card-desc ul{margin:0;padding-left:20px}.card-desc li{margin-bottom:6px}@media screen and (width<=768px){.timeline-container:before{left:20px}.timeline-item{width:100%;padding:1.5rem 1rem 1.5rem 40px}.timeline-item.left,.timeline-item.right{align-self:flex-start}.tree-branch{width:20px!important;left:20px!important}.timeline-item.left .leaf,.timeline-item.right .leaf{top:-6px;left:0}}.portfolio-section{padding-bottom:6rem}.cards-container{flex-wrap:wrap;justify-content:center;gap:2.5rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.project-card{background:var(--nav-bg);border:1px solid var(--border-color);width:450px;max-width:100%;box-shadow:0 10px 30px var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-teal);transform:translateY(-5px);box-shadow:0 15px 35px #0de2c526}.project-image-wrapper{background-color:#0003;width:100%;height:220px;overflow:hidden}.project-image-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image-wrapper img{transform:scale(1.05)}.project-content{text-align:center;flex-direction:column;flex-grow:1;padding:24px 30px;display:flex}.project-content h2{color:var(--text-primary);margin:0 0 1rem;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:700}.project-content p{color:var(--text-secondary);flex-grow:1;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.project-link-wrapper{margin-top:auto}.project-link{color:var(--accent-teal);padding-bottom:2px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.project-link:hover{color:var(--accent-teal-dark)}.project-link:after{content:"";background-color:var(--accent-teal);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.project-link:hover:after{width:100%}@media screen and (width<=900px){.cards-container{padding:0 20px}}@media screen and (width<=768px){.cards-container{flex-direction:column;align-items:center;gap:2rem}.project-card{width:100%;max-width:450px}}.skills-section{padding-bottom:6rem}.skills-container{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.skills-card{background:var(--nav-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;flex:400px;max-width:450px;padding:2rem 2.5rem;transition:all .4s;display:flex}.skills-card:hover{border-color:var(--accent-teal);transform:translateY(-5px);box-shadow:0 15px 35px #0de2c526}.skill-header{color:var(--accent-teal);letter-spacing:1px;margin:0 0 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700}.skill-elements{flex-direction:column;gap:1.5rem;display:flex}.skill-element{align-items:center;gap:1.2rem;display:flex}.skill-icon-wrapper{background-color:var(--hover-overlay);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.skill-icon-wrapper img{object-fit:contain;border-radius:4px;max-width:25px;max-height:25px}.skill-details{flex-direction:column;flex-grow:1;gap:8px;display:flex}.skill-title-row{justify-content:space-between;align-items:center;display:flex}.skill-title-row h4{color:var(--text-primary);margin:0;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600}.skill-perc{color:var(--text-secondary);font-size:.85rem;font-weight:600}.progress-bar{background-color:var(--border-color);border-radius:3px;width:100%;height:4px;position:relative;overflow:hidden}.progress-fill{background-color:var(--accent-teal);border-radius:3px;height:100%;transition:width 1.5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px #0de2c580}@media screen and (width<=900px){.skills-container{padding:0 20px}}@media screen and (width<=768px){.skills-container{flex-direction:column;align-items:center}.skills-card{box-sizing:border-box;width:100%;max-width:450px;padding:1.5rem 1.25rem}}.section-header{text-align:center;margin-bottom:10rem}.contact-section{flex-direction:column;align-items:center;padding:8rem 10% 4rem;display:flex}.contact-container{border-top:1px solid var(--border-color);justify-content:space-between;gap:4rem;width:100%;max-width:1200px;margin-bottom:4rem;padding-top:4rem;display:flex}.contact-left{flex-direction:column;flex:1;display:flex}.contact-title{color:var(--text-primary);text-transform:uppercase;margin:0 0 1.5rem;font-family:Outfit,sans-serif;font-size:5.5rem;font-weight:800;line-height:1}.contact-title .highlight{background:linear-gradient(90deg, var(--accent-teal) 0%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.contact-subtitle{color:var(--text-secondary);max-width:400px;margin-bottom:4rem;font-size:1.1rem;line-height:1.6}.social-media-container{gap:1.5rem;margin-top:auto;display:flex}.social-icon{border:1px solid var(--border-color);width:50px;height:50px;color:var(--text-primary);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background-color:var(--accent-teal);border-color:var(--accent-teal);color:var(--nav-bg);transform:translateY(-5px);box-shadow:0 5px 15px #0de2c533}.contact-right{flex:1;max-width:500px}.contact-right form{flex-direction:column;gap:2.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:700}.input-group input,.input-group textarea{border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);resize:none;background:0 0;padding:10px 0;font-family:Inter,sans-serif;font-size:1.1rem;transition:border-color .3s}.input-group input:focus,.input-group textarea:focus{border-bottom:1px solid var(--accent-teal);outline:none}.input-group textarea{min-height:80px}.send-btn{background-color:var(--text-primary);color:var(--nav-bg);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:1rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s}.send-btn:hover{background-color:var(--accent-teal);color:var(--btn-text)}.copyright{text-align:center;width:100%;margin-top:2rem;padding-top:2rem}.copyright h3{color:var(--text-secondary);margin:0;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400}.copyright h3 span{color:var(--accent-teal);font-weight:500}@media screen and (width<=900px){.contact-container{flex-direction:column;gap:4rem;padding-top:2rem}.contact-left{max-width:100%}.contact-title{font-size:4rem}.contact-right{max-width:100%}.social-media-container{margin-top:2rem}}@media screen and (width<=480px){.contact-title{font-size:3rem}.contact-section{padding:6rem 5% 4rem}.copyright h3{font-size:.9rem}}.navbar{box-sizing:border-box;z-index:1000;background-color:var(--nav-bg,#061214d9);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 10%;transition:background-color .4s;display:flex;position:fixed;top:0;left:0}.logo a{color:inherit;text-decoration:none}.logo h1{color:var(--text-primary);cursor:pointer;margin:0;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;transition:color .4s}.logo h1:first-letter{color:var(--accent-teal)}.nav-wrapper{align-items:center;gap:2.5rem;display:flex}.nav-controls{z-index:1001;align-items:center;gap:1rem;display:flex}.nav-links{align-items:center;gap:2.5rem;margin:0;padding:0;font-family:Inter,sans-serif;font-size:1rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";background-color:var(--accent-teal);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.theme-toggle{cursor:pointer;background-color:var(--hover-overlay);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex}.theme-toggle:hover{background-color:var(--border-color)}.theme-toggle svg{font-size:1.2rem;color:var(--text-primary)!important}.hamburger{color:var(--text-primary);cursor:pointer;font-size:2rem;display:none}.mobile-menu-logo{display:none}@media screen and (width<=900px){.navbar{padding:0 5%}}@media screen and (width<=768px){.navbar{height:70px}.logo h1{font-size:1.4rem}.hamburger{display:flex}.nav-links{background-color:var(--bg-color);width:70%;max-width:300px;height:100vh;box-shadow:-5px 0 20px var(--card-shadow);border-left:1px solid var(--border-color);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:right .4s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-links a{font-size:1.5rem}.mobile-menu-logo{display:block;position:absolute;top:25px;left:20px}.mobile-menu-logo a{text-decoration:none}.mobile-menu-logo h1{color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;transition:color .4s}.mobile-menu-logo h1:first-letter{color:var(--accent-teal)}.mobile-menu-logo a:after{display:none}}