:root{--bg-white:#faf9f6;--border-color:#000;--yellow:#ffd93d;--orange:#ff6b35;--blue:#4d96ff;--green:#6bcb77;--white:#fff;--text-color:#000;--dot-color:#000;--font-heading:"Syne", sans-serif;--font-body:"Space Grotesk", sans-serif;--box-shadow:6px 6px 0px 0px var(--border-color);--box-shadow-hover:2px 2px 0px 0px var(--border-color)}[data-theme=dark]{--bg-white:#0f0f0f;--border-color:#333;--yellow:#ffd93d;--orange:#ff6b35;--blue:#4d96ff;--green:#6bcb77;--white:#1a1a1a;--text-color:#f0f0f0;--dot-color:#ffffff0a;--box-shadow:4px 4px 0px 0px #ffffff26;--box-shadow-hover:2px 2px 0px 0px #ffffff1a}[data-theme=dark] .color-yellow,[data-theme=dark] .color-orange,[data-theme=dark] .color-blue,[data-theme=dark] .color-green{color:#000;border-color:#222}[data-theme=dark] .color-white{color:#e8e8e8;background-color:#1a1a1a;border-color:#333}[data-theme=dark] .navbar{background-color:#1a1a1a;border-color:#333}[data-theme=dark] .logo,[data-theme=dark] .neo-link,[data-theme=dark] .hamburger{color:#f0f0f0}[data-theme=dark] .neo-link:after{background-color:#f0f0f0}[data-theme=dark] .badge{color:#e8e8e8;border-color:#444;background-color:#222!important}[data-theme=dark] .hero-image{background-color:#1a1a1a}[data-theme=dark] .browser-content h3,[data-theme=dark] .browser-content p{color:#e8e8e8}[data-theme=dark] .browser-bar{border-bottom-color:#333}[data-theme=dark] .project-info,[data-theme=dark] .project-info h3,[data-theme=dark] .project-info p{color:#e8e8e8}[data-theme=dark] .project-icon{color:#000}[data-theme=dark] .tag{color:#000;border-color:#222}[data-theme=dark] .tag.color-white{color:#e8e8e8;border-color:#444}[data-theme=dark] .neo-btn.color-orange,[data-theme=dark] .neo-btn.color-yellow,[data-theme=dark] .neo-btn.color-blue,[data-theme=dark] .neo-btn.color-green{color:#000;border-color:#222}[data-theme=dark] .neo-btn.color-white{color:#e8e8e8;border-color:#444}[data-theme=dark] .nav-btn,[data-theme=dark] .theme-toggle{color:#000}[data-theme=dark] .section-title{color:#e8e8e8;border-color:#333}[data-theme=dark] .stack-card.color-white{color:#e8e8e8}[data-theme=dark] .marquee,[data-theme=dark] .vibe-check{border-color:#222}[data-theme=dark] .footer{border-color:#333}[data-theme=dark] .footer-content h2,[data-theme=dark] .footer-content p,[data-theme=dark] .copyright{color:#e8e8e8}[data-theme=dark] ::selection{background:var(--yellow);color:#000}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;scrollbar-color:var(--yellow) var(--bg-white);scrollbar-width:thin;width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-white);color:var(--text-color);font-family:var(--font-body);background-image:radial-gradient(var(--dot-color) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-position:0 0;background-size:20px 20px;line-height:1.6;transition:background-color .4s,color .4s}::selection{background:var(--yellow);color:var(--border-color)}.neo-box{border:3px solid var(--border-color);box-shadow:var(--box-shadow);border-radius:8px;transition:all .2s}.neo-box:hover{box-shadow:var(--box-shadow-hover);transform:translate(4px,4px)}.neo-btn{border:3px solid var(--border-color);box-shadow:var(--box-shadow);font-family:var(--font-heading);text-transform:uppercase;color:var(--border-color);cursor:pointer;text-align:center;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.neo-btn:hover{box-shadow:var(--box-shadow-hover);transform:translate(4px,4px)}.color-yellow{background-color:var(--yellow)}.color-orange{background-color:var(--orange)}.color-blue{background-color:var(--blue)}.color-green{background-color:var(--green)}.color-white{background-color:var(--white)}.navbar{z-index:100;background-color:var(--white);justify-content:space-between;align-items:center;width:95%;max-width:1200px;margin:20px auto;padding:1rem 2rem;display:flex;position:sticky;top:20px}.navbar:hover{box-shadow:var(--box-shadow);transform:none}.logo{font-family:var(--font-heading);color:var(--border-color);letter-spacing:-2px;font-size:2rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:2rem;display:flex}.neo-link{font-family:var(--font-heading);color:var(--border-color);font-size:1.1rem;font-weight:700;text-decoration:none;position:relative}.neo-link:after{content:"";background-color:var(--border-color);transform-origin:100%;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.neo-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-btn{background-color:var(--yellow);padding:.5rem 1.5rem}.theme-toggle{background:var(--yellow);justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1.2rem;display:flex}.nav-actions{align-items:center;gap:1rem;display:flex}.theme-toggle:hover{box-shadow:var(--box-shadow-hover);transform:translate(4px,4px)}.hamburger{background:0 0;padding:.5rem 1rem;font-size:1.5rem;display:none}main{width:95%;max-width:1200px;margin:0 auto;padding:2rem 0}.hero{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:2rem;margin-bottom:4rem;display:grid}.hero-left-col,.hero-right-col{flex-direction:column;gap:2rem;display:flex}.hero-left{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:1.5rem 2rem;display:flex}.badge{background-color:var(--white);font-family:var(--font-body);margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.badge:hover{box-shadow:var(--box-shadow);transform:none}.hero-title{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:1rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.05}.hero-desc{max-width:500px;margin-bottom:2rem;font-size:clamp(1.1rem,2vw,1.2rem);font-weight:700}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.action-btn{padding:1rem 2rem;font-size:1.2rem}.hero-right{flex-direction:column;gap:2rem;display:flex}.hero-card{flex:1;padding:2rem}.hero-card h2{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:2rem}.role-list{list-style:none}.role-list li{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.wide-list{grid-template-columns:1fr 1fr;gap:.5rem 1rem;display:grid}.role-list i{font-size:.9rem}.profile-img-wrapper{border:3px solid var(--border-color);width:100%;height:100%;box-shadow:var(--box-shadow);background-color:var(--white);border-radius:8px;flex:1;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;overflow:hidden}.profile-img-wrapper:hover{box-shadow:var(--box-shadow-hover);transform:translate(4px,4px)}.profile-img-wrapper img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.marquee{white-space:nowrap;margin-bottom:4rem;padding:1rem 0;overflow:hidden}.marquee:hover{box-shadow:var(--box-shadow);transform:none}.marquee-content{animation:20s linear infinite marquee;display:inline-block}.marquee-content span{font-family:var(--font-heading);letter-spacing:-1px;padding-right:2rem;font-size:2rem;font-weight:800}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.tech-stack{margin-bottom:4rem}.section-title{font-family:var(--font-heading);letter-spacing:-2px;margin-bottom:3rem;padding:.5rem 2rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;display:inline-block}.section-title:hover{box-shadow:var(--box-shadow);transform:none}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;display:grid}.stack-card{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem;font-size:1.2rem;font-weight:700;display:flex}.stack-card i{font-size:3rem}.projects-section{margin-bottom:4rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.project-card{flex-direction:column;display:flex}.project-img{border:none;border-bottom:3px solid var(--border-color);height:180px;box-shadow:none;border-radius:8px 8px 0 0;justify-content:center;align-items:center;display:flex}.project-img:hover{box-shadow:none;transform:none}.project-icon{color:var(--border-color);font-size:5rem}.project-info{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.project-info h3{font-family:var(--font-heading);margin-bottom:1rem;font-size:2rem}.project-info p{flex-grow:1;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tag{border:3px solid var(--border-color);box-shadow:2px 2px 0px 0px var(--border-color);border-radius:5px;padding:.3rem .8rem;font-size:.9rem;font-weight:700}.tag:hover{box-shadow:2px 2px 0px 0px var(--border-color);transform:none}.small-btn{align-self:flex-start;width:max-content;padding:.8rem 1.2rem;font-size:1rem}.services-section{margin-bottom:4rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.service-card{text-align:left;flex-direction:column;gap:.5rem;padding:2.5rem 2rem;display:flex}.service-icon{margin-bottom:.5rem;font-size:2.2rem}.service-card h3{font-family:var(--font-heading);letter-spacing:-.5px;font-size:1.2rem;font-weight:800}.service-card p{opacity:.85;font-size:.95rem;font-weight:500;line-height:1.6}[data-theme=dark] .service-card.color-yellow,[data-theme=dark] .service-card.color-blue,[data-theme=dark] .service-card.color-green,[data-theme=dark] .service-card.color-orange{color:#000}.footer{text-align:center;margin-bottom:4rem;padding:4rem}.footer:hover{box-shadow:var(--box-shadow);transform:none}.footer-content h2{font-family:var(--font-heading);letter-spacing:-2px;margin-bottom:2rem;font-size:clamp(2rem,5vw,4rem);font-weight:800}.huge-btn{margin-bottom:3rem;padding:1.5rem 4rem;font-size:clamp(1.2rem,4vw,2rem)}.socials{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.socials a{align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.copyright{font-size:1.1rem;font-weight:700}.project-page-container{flex-direction:column;gap:2rem;margin-bottom:4rem;padding:2rem 5%;display:flex}[data-theme=dark] .project-page-container{color:var(--text-color)}.project-header{flex-direction:column;align-items:flex-start;padding:3rem 2.5rem;display:flex}[data-theme=dark] .project-header.color-blue,[data-theme=dark] .project-header.color-green,[data-theme=dark] .project-header.color-yellow{color:#000}.project-header-icon{border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:2rem;font-size:2.5rem;display:flex}.project-title{font-family:var(--font-heading);letter-spacing:-2px;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.05}.project-subtitle{max-width:600px;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700}.project-details{padding:3rem 2.5rem}.project-details h2{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:1.5rem;font-size:2rem}[data-theme=dark] .project-details h2,[data-theme=dark] .project-details h3,[data-theme=dark] .project-details p{color:#e8e8e8}.project-details p{max-width:800px;font-size:1.1rem;line-height:1.6}.stack-details{margin-top:3rem}.stack-details h3{font-family:var(--font-heading);margin-bottom:1rem;font-size:1.5rem}.detailed-tags{flex-wrap:wrap;gap:1rem;display:flex}.project-actions{margin-top:3rem}.gallery-section{margin-bottom:6rem;padding:2rem 5%}.gallery-header{border-radius:12px}[data-theme=dark] .gallery-header{color:#000}.back-link-container{margin-bottom:2rem}@media (width<=992px){.hero{flex-direction:column;gap:2rem;display:flex}.hero-left-col,.hero-right-col{display:contents}.hero-left{order:1}.profile-img-wrapper{aspect-ratio:1;order:2;width:100%;height:auto}.hero-card{order:3}}@media (width<=768px){.navbar{border-top:none;border-left:none;border-right:none;border-radius:0;width:100%;margin:0;padding:1rem 1.2rem;top:0}.logo{letter-spacing:-1px;font-size:1.5rem}.nav-actions{gap:.5rem}.nav-links{display:none}.hamburger{display:block}.hero{gap:1.5rem;margin-top:1rem}.hero-left{padding:2.5rem 1.5rem}.hero-buttons{flex-direction:column;width:100%}.action-btn{width:100%;margin-right:0}.hero-right{gap:1.5rem}.hero-card{padding:1.5rem}.wide-list{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.projects-grid,.services-grid{grid-template-columns:1fr}.footer{padding:2rem 1.5rem}.huge-btn{width:100%;padding:1rem 2rem}.socials{flex-direction:column}.socials a{justify-content:center}}.animate-on-scroll{opacity:0;transform:translateY(40px)scale(.98)}.animate-on-scroll.in-view{opacity:1;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);transform:none}.stack-card:first-child{transition-delay:50ms}.stack-card:nth-child(2){transition-delay:.1s}.stack-card:nth-child(3){transition-delay:.15s}.stack-card:nth-child(4){transition-delay:.2s}.project-card:nth-child(2){transition-delay:.1s}.project-card:nth-child(3){transition-delay:.2s}.service-card:nth-child(2){transition-delay:.1s}.service-card:nth-child(3){transition-delay:.2s}.service-card:nth-child(4){transition-delay:.3s}@keyframes gridMove{0%{background-position:0 0}to{background-position:20px 20px}}body{animation:20s linear infinite gridMove}.neo-btn:active,.action-btn:active{box-shadow:0 0 0 var(--border-color)!important;transform:translate(6px,6px)scale(.96)!important}.role-list li i{transition:transform .4s}.role-list li:hover i{transform:rotate(180deg)scale(1.3)}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--bg-white);border-left:3px solid var(--border-color)}::-webkit-scrollbar-thumb{background-color:var(--yellow);border-left:3px solid var(--border-color);border-bottom:3px solid var(--border-color);border-top:3px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--orange)}