:root{--ff-primary:"Source Sans Pro", sans-serif;--ff-secondary:"Source Code Pro", monospace;--fw-reg:300;--fw-bold:900;--clr-neon:#47d1a8;--clr-dark:#0f0f0f;--clr-light:gray;--clr-button-bg:#2bca9a;--clr-button-hover-bg:#3cddac;--clr-section-bg:#1a1a1a;--clr-text-primary:#f2f2f2;--clr-text-secondary:#bfbfbf;--clr-border:#333;--clr-accent:#2bca9a;--fs-h1:2rem;--fs-h2:1.5rem;--fs-h3:1.25rem;--fs-body:1rem;--border-width:1px;--border-radius:.75em;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000080}html[data-theme=light]{--clr-dark:#fff;--clr-section-bg:#f2f7f6;--clr-text-primary:#273530;--clr-text-secondary:#6e877e;--clr-border:#d7e4e0;--clr-button-bg:#29c294;--clr-button-hover-bg:#2fdaa7;--clr-neon:#33cc9e;--clr-accent:#29c294;--shadow-sm:0 2px 8px #1e826414;--shadow-md:0 4px 16px #1e82641f;--shadow-lg:0 8px 24px #1e826429}html[data-theme=light] .navbar{background-color:#ffffffe6}html[data-theme=light] input,html[data-theme=light] textarea{color:#273530;background-color:#f9fbfa;border-color:#d7e4e0;box-shadow:inset 0 1px 3px #1e82640d}html[data-theme=light] input:focus,html[data-theme=light] textarea:focus{background-color:#fff;border-color:#29c294;box-shadow:0 0 0 3px #1e82641a}html[data-theme=light] .navbar{background-color:#fffffff2;border-bottom-color:#e0ebe7;box-shadow:0 2px 8px #1e826414}html[data-theme=light] .navbar .nav-links a{color:#6e877e}html[data-theme=light] .navbar .nav-links a:after{background-color:#29c294}html[data-theme=light] .navbar .nav-links a:hover{color:#29c294}html[data-theme=light] .theme-toggle{color:#29c294;background-color:#1e82640d;border-color:#d1e0db}html[data-theme=light] .theme-toggle:hover{background-color:#1e82641a;border-color:#29c294}html[data-theme=light] .experience-item{background-color:#f5f9f8;border-color:#d7e4e0}html[data-theme=light] .experience-item:hover{background-color:#1e82640d;border-color:#29c294}html[data-theme=light] form{background-color:#f5f9f8;border-color:#d7e4e0}html[data-theme=light] .opportunity-banner{background:linear-gradient(135deg,#1e826414,#1e826408);border-color:#29c294;box-shadow:0 0 20px #1e826414}html[data-theme=light] .opportunity-banner h3{color:#25b187}html[data-theme=light] label{color:#273530}html[data-theme=light] .contact-link{color:#29c294;background-color:#f5f9f8;border-color:#d7e4e0}html[data-theme=light] .contact-link:hover{background-color:#1e826414;border-color:#29c294}html[data-theme=light] .social-list-link{background-color:#1da57c;border-color:#1fd69f}html[data-theme=light] .social-list-link:hover{background-color:#1cc492;border-color:#23e7ac}html[data-theme=light] .project-card{background-color:#fff;border-color:#d7e4e0;box-shadow:0 2px 8px #1e826414}html[data-theme=light] .project-card:hover{background-color:#f9fbfa;border-color:#29c294;box-shadow:0 4px 16px #1e82641f}html[data-theme=light] .footer{background-color:#fff;border-top-color:#d7e4e0}html[data-theme=light] .footer p,html[data-theme=light] .footer a{color:#6e877e}html[data-theme=light] .footer a{color:#29c294}html[data-theme=light] .footer a:hover{color:#2fdaa7}html[data-theme=light] .manual-project-card{background-color:#fff;border-color:#d7e4e0;box-shadow:0 2px 8px #1e826414}html[data-theme=light] .manual-project-card:hover{background-color:#f9fbfa;border-color:#29c294;box-shadow:0 4px 16px #1e82641f}@media (min-width:800px){:root{--fs-h1:3rem;--fs-h2:2rem;--fs-h3:1.5rem;--fs-body:1.125rem;--border-width:8px}}@media (max-width:599px){:root{--fs-h1:1.75rem;--fs-h2:1.25rem;--fs-h3:1rem;--fs-body:.875rem;--border-width:4px}}body,h1,a{color:inherit;margin:0;padding:0;font-family:Arial,sans-serif;text-decoration:none}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}strong{font-weight:var(--fw-bold)}body{background-color:var(--clr-dark);color:var(--clr-neon);font-family:var(--ff-secondary);font-size:var(--fs-body);box-sizing:border-box;flex-direction:column;min-height:100vh;margin:0;line-height:1.6;display:flex}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--clr-border);box-sizing:border-box;z-index:100;background-color:#0a0a0acc;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 2px 10px #0000004d}.page-title{font-family:var(--ff-secondary);font-size:var(--fs-h3);background:linear-gradient(135deg, var(--clr-accent) 0%, #3cddac 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-weight:600}.nav-links{gap:2rem;display:flex}.nav-links a{font-family:var(--ff-secondary);font-size:var(--fs-body);color:var(--clr-text-secondary);font-weight:500;transition:all .3s;position:relative}.nav-links a:after{content:"";background-color:var(--clr-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--clr-accent)}.nav-links a:hover:after{width:100%}.theme-toggle{border:1px solid var(--clr-border);color:var(--clr-accent);border-radius:var(--border-radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-left:1rem;padding:.5rem .75rem;font-size:1.2rem;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--clr-accent);background-color:#a2ffdc1a;transform:rotate(20deg)}.theme-toggle:active{transform:rotate(20deg)scale(.95)}@media (max-width:768px){.theme-toggle{margin-left:.5rem;padding:.4rem .6rem;font-size:1rem}.navbar{flex-wrap:wrap;gap:1rem;padding:.75rem 1.5rem}.page-title{flex:0 0 100%;font-size:clamp(1rem,4vw,1.25rem)}.nav-links{flex-wrap:wrap;flex:1;justify-content:flex-start;gap:1rem}.nav-links a{font-size:clamp(.75rem,3vw,1rem)}}@media (max-width:480px){.navbar{gap:.5rem;padding:.5rem 1rem}.page-title{white-space:nowrap;text-overflow:ellipsis;flex:0 0 100%;font-size:clamp(.9rem,3.5vw,1.1rem);overflow:hidden}.nav-links{justify-content:space-around;gap:.5rem;width:100%}.nav-links a{text-align:center;flex:1;font-size:clamp(.65rem,2.5vw,.9rem)}.nav-links a:after{height:1px;bottom:-2px}}.landing-body{flex-direction:column;width:100%;display:flex}.content-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow-y:auto}.landing-body .content-wrapper{justify-content:center;align-items:center}.landing-container{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:800px;display:flex}.achievement-badge{border:1px solid var(--clr-accent);border-radius:var(--border-radius);color:var(--clr-accent);letter-spacing:.5px;opacity:0;background:linear-gradient(135deg,#a2ffdc26,#a2ffdc0d);margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;animation:2s .2s forwards fadeIn;box-shadow:0 0 15px #a2ffdc1a}.personal-intro{color:var(--clr-text-secondary);opacity:0;margin:1rem 0 0;font-size:1rem;font-weight:400;line-height:1.6;animation:2s 1.2s forwards fadeIn}.title-container{border-radius:var(--border-radius);border:var(--border-width) solid var(--clr-border);opacity:0;box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);background-color:#a2ffdc08;margin-bottom:2rem;padding:2em 2.5em;animation:2s .5s forwards fadeIn}.title-container h1{font-size:var(--fs-h1);color:var(--clr-text-primary);letter-spacing:-1px;margin-bottom:.5em;font-weight:700}.title-container h1 strong{background:linear-gradient(135deg, var(--clr-accent) 0%, #3cddac 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-container h2.sub-title{font-size:var(--fs-h2);font-family:var(--ff-secondary);color:var(--clr-text-secondary);letter-spacing:2px;margin-bottom:0;font-weight:400;text-decoration:none}.button-container{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.btn{width:100%;font-size:var(--fs-h3);text-align:center;background:linear-gradient(135deg, var(--clr-button-bg) 0%, #35d4a4 100%);color:#fff;font-family:var(--ff-secondary);border:1px solid var(--clr-border);border-radius:var(--border-radius);box-sizing:border-box;box-shadow:var(--shadow-md);letter-spacing:.5px;cursor:pointer;padding:12px 28px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-container .btn{opacity:0;animation:2s forwards fadeIn}.button-container .btn:first-child{animation-delay:1.5s}.button-container .btn:nth-child(2){animation-delay:1.75s}.button-container .btn:nth-child(3){animation-delay:2s}.cv-button{background:linear-gradient(135deg,#2dd2a1 0%,#3cddac 100%);border:1px solid #4de6b8}.cv-button:hover{background:linear-gradient(135deg,#36e2af 0%,#47ebba 100%);border-color:#5eedc2}.btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#2fdaa7 0%,#44e4b4 100%);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@keyframes fadeIn{to{opacity:1}}@keyframes scrollFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-section{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.fade-in-section.fade-in-active{animation:.6s ease-out forwards scrollFadeIn}.content{max-width:900px;color:var(--clr-text-secondary);margin:0 auto;padding:2.5rem;line-height:1.8}.section-title{font-size:var(--fs-h2);color:var(--clr-text-primary);border-bottom:1px solid var(--clr-border);letter-spacing:-.5px;margin-bottom:1.5rem;padding-bottom:1rem;font-weight:600}.section-text{font-size:var(--fs-body);color:var(--clr-text-secondary);margin-bottom:2rem;line-height:1.8}.section-text strong{color:var(--clr-text-primary);font-weight:600}.section-text ul{margin:1.5rem 0;padding-left:1.5rem}.section-text li{color:var(--clr-text-secondary);margin-bottom:.75rem}.section-text li strong{color:var(--clr-accent)}.inlineLink{color:var(--clr-accent);font-family:var(--ff-secondary);text-decoration:underline}.inlineLink:hover{opacity:.7}.experience-item{border:1px solid var(--clr-border);border-radius:var(--border-radius);background-color:#1010104d;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.experience-item:hover{border-color:var(--clr-accent);background-color:#a2ffdc0d}.experience-title{color:var(--clr-text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.experience-details{color:var(--clr-text-secondary);line-height:1.8}form{border:1px solid var(--clr-border);border-radius:var(--border-radius);width:100%;max-width:600px;box-shadow:var(--shadow-md);background-color:#10101080;flex-direction:column;margin:2rem auto;padding:2rem;display:flex}label{font-size:var(--fs-body);color:var(--clr-text-primary);margin-bottom:.5rem;font-weight:500}input,textarea{font-size:var(--fs-body);border:1px solid var(--clr-border);border-radius:var(--border-radius);color:var(--clr-text-primary);background-color:#1f1f1f;margin-bottom:1.5rem;padding:.75rem 1rem;font-family:inherit;transition:all .3s}input:focus,textarea:focus{border-color:var(--clr-accent);background-color:#242424;outline:none;box-shadow:0 0 0 3px #a2ffdc1a}textarea{resize:vertical;min-height:120px}input[type=submit]{background:linear-gradient(135deg, var(--clr-button-bg) 0%, #35d4a4 100%);color:#fff;border:1px solid var(--clr-border);cursor:pointer;border-radius:var(--border-radius);font-weight:600;font-size:var(--fs-body);box-shadow:var(--shadow-md);padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input[type=submit]:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#2fdaa7 0%,#44e4b4 100%);transform:translateY(-2px)}input[type=submit]:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.opportunity-banner{border:1px solid var(--clr-accent);border-radius:var(--border-radius);background:linear-gradient(135deg,#a2ffdc26,#a2ffdc0d);margin-bottom:2rem;padding:1.5rem;box-shadow:0 0 20px #a2ffdc1a}.banner-content h3{color:var(--clr-accent);margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.banner-content p{color:var(--clr-text-secondary);margin:0;line-height:1.7}.quick-contact{margin-top:3rem}.contact-methods{flex-direction:column;gap:1rem;display:flex}.contact-link{border:1px solid var(--clr-border);border-radius:var(--border-radius);color:var(--clr-accent);background-color:#1010104d;padding:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.contact-link:hover{border-color:var(--clr-accent);background-color:#a2ffdc1a;transform:translate(4px)}.contact-me h2{color:var(--clr-text-primary);margin-bottom:1rem}.contact-me-info{margin-bottom:2rem}#form-status{text-align:center;margin-top:1rem;font-size:1rem}.content.projects{box-sizing:border-box;width:80%;max-width:100%;margin:0 auto;padding:1rem}.projects-section{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex;position:relative;overflow:hidden}.scroll-buttons-container{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.scroll-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--clr-text-secondary);cursor:pointer;pointer-events:auto;opacity:.7;background-color:#101010cc;border:1px solid #a2ffdc4d;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.scroll-button:hover{border-color:var(--clr-accent);color:var(--clr-accent);opacity:1;background-color:#a2ffdc1a;transform:scale(1.05);box-shadow:0 0 16px #a2ffdc33}.scroll-button:active{transform:scale(.95)}.projects-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-width:none;gap:20px;width:100%;padding:1rem 0;display:flex;overflow-x:auto}.projects-container::-webkit-scrollbar{display:none}.project-card{box-sizing:border-box;border:1px solid var(--clr-border);border-radius:var(--border-radius);text-align:left;scroll-snap-align:start;min-width:100%;max-width:100%;height:auto;box-shadow:var(--shadow-md);background-color:#10101080;flex-shrink:0;padding:2rem;transition:all .3s;overflow-y:auto}.project-card:hover{border-color:var(--clr-accent);box-shadow:var(--shadow-lg)}.project-title{color:var(--clr-text-primary);letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.project-description{color:var(--clr-text-secondary);margin-bottom:1.5rem;line-height:1.7}.project-card::-webkit-scrollbar{width:6px}.project-card::-webkit-scrollbar-thumb{background-color:var(--clr-button-bg);border-radius:3px}.project-card::-webkit-scrollbar-track{background-color:#0000}.project-card::-webkit-scrollbar-track{background-color:var(--clr-dark);border-radius:4px}.project-images{margin-bottom:1rem}.project-images img{border-radius:8px;width:100%;height:auto;display:block}.project-title{font-size:var(--fs-h3);color:var(--clr-neon)}.project-description{font-size:var(--fs-body);color:var(--clr-light)}.project-card.btn{flex-direction:row;position:absolute}@media (max-width:599px){.content.projects{width:100%;max-width:100%;padding:1rem}.projects-section{height:auto;padding:.5rem;overflow:visible}.project-card{min-width:100%;max-width:100%}.project-images{flex-direction:column;gap:1rem;width:100%}.project-images img{max-width:100%}.scroll-buttons-container{padding:0 .5rem}.scroll-button{width:2.5rem;height:2.5rem;font-size:1rem}}.skills-matrix{margin:3rem 0}.skills-disclaimer{color:var(--clr-light);border-left:3px solid var(--clr-accent);background-color:#a2ffdc0d;border-radius:4px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;font-style:italic;line-height:1.6}.skill-category{margin-bottom:2.5rem}.category-title{color:var(--clr-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.skill-item{border:1px solid var(--clr-border);border-radius:var(--border-radius);background-color:#1010104d;padding:1rem;transition:all .3s}.skill-item:hover{border-color:var(--clr-accent);background-color:#a2ffdc0d}.skill-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.skill-name{color:var(--clr-text-primary);font-size:.95rem;font-weight:600}.skill-level{color:var(--clr-accent);font-size:.85rem;font-weight:700}.proficiency-bar{background-color:var(--clr-border);border-radius:4px;height:8px;overflow:hidden}.proficiency-fill{background:linear-gradient(90deg, var(--clr-accent) 0%, #3cddac 100%);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.skills-section{margin:3rem 0}.skills-container{flex-direction:column;gap:2.5rem;display:flex}.skill-category-group{flex-direction:column;gap:1rem;display:flex}.category-label{color:var(--clr-accent);text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:.95rem;font-weight:700}.skills-badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.skill-badge{cursor:default;background:0 0;border:1px solid #a2ffdc40;border-radius:.5rem;align-items:center;gap:.6rem;padding:.65rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.skill-badge:hover{border-color:var(--clr-accent);background:#a2ffdc14;transform:translateY(-1px);box-shadow:0 0 12px #a2ffdc1a}.skill-icon{color:var(--clr-accent);justify-content:center;align-items:center;min-width:1.2rem;font-size:1rem;font-weight:600;display:flex}.skill-tag{color:var(--clr-text-primary);font-size:.9rem;font-weight:500}.manual-projects-grid{grid-template-columns:1fr;gap:2rem;margin:2rem 0;display:grid}.manual-project-card{border:1px solid var(--clr-border);border-radius:var(--border-radius);opacity:0;background-color:#10101066;flex-direction:column;padding:1.5rem;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(30px)}.manual-project-card.visible{opacity:1;transform:translateY(0)}.manual-project-card:hover{border-color:var(--clr-accent);background-color:#a2ffdc0d;transform:translateY(-2px);box-shadow:0 0 20px #a2ffdc1a}.project-header{margin-bottom:1rem}.project-title{color:var(--clr-text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.project-period{color:var(--clr-accent);margin:0;font-size:.85rem;font-weight:500}.project-description{color:var(--clr-text-secondary);flex-grow:1;margin-bottom:1.25rem;line-height:1.6}.project-highlights h5,.project-tech-stack h5{color:var(--clr-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.9rem;font-weight:600}.project-highlights ul{margin:0;padding:0;list-style:none}.project-highlights li{color:var(--clr-text-secondary);margin-bottom:.5rem;padding-left:1rem;font-size:.85rem;line-height:1.5;position:relative}.project-highlights li:before{content:"▹";color:var(--clr-accent);font-weight:700;position:absolute;left:0}.tech-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:var(--clr-accent);background-color:#a2ffdc1a;border:1px solid #a2ffdc4d;border-radius:.25rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500}.project-role{color:var(--clr-light);border-top:1px solid var(--clr-border);margin-top:auto;padding-top:1rem;font-size:.85rem;font-style:italic}.github-projects-grid{grid-template-columns:1fr;gap:2rem;margin:2rem 0;display:grid}.animated-project-card{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.animated-project-card.visible{opacity:1;transform:translateY(0)}.no-projects{text-align:center;color:var(--clr-text-secondary);padding:2rem;font-style:italic}.footer{text-align:center;font-family:var(--ff-secondary);color:var(--clr-text-secondary);border-top:1px solid var(--clr-border);box-sizing:border-box;background:#0a0a0a80;width:100%;margin-top:auto;padding:2rem;font-size:.9rem}.footer p{color:var(--clr-text-secondary);margin:0 0 1rem}.footer a{color:var(--clr-accent);text-decoration:none;transition:all .3s}.footer a:hover{opacity:.8}.social-list{justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.social-list-item{margin:0}.social-list-link{color:#fff;width:44px;height:44px;box-shadow:var(--shadow-md);background-color:#22c393;border:2px solid #36e2af;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.social-list-link i{color:#fff;justify-content:center;align-items:center;display:flex}.social-list-link:hover{box-shadow:var(--shadow-lg);background-color:#36e2af;border-color:#47ebba;transform:translateY(-4px)}
