body,nav{background:var(--bg)}.nav-links,nav{align-items:center}.nav-links a,body{color:var(--text)}.hero-title,.nav-logo,.nav-toggle,.theme-toggle{color:var(--primary)}.about-content,nav{box-shadow:var(--shadow)}#hero-bg,.modal,nav{left:0;top:0}.resume-btn,.section-title,footer,header{text-align:center}.footer-socials a,.nav-links a,.nav-logo,.project-links a,.resume-btn{text-decoration:none}#backToTop,#hero-bg{pointer-events:none}.project-card:hover,.skill-item:hover,.testimonial-card:hover{box-shadow:0 8px 24px rgba(79,70,229,.13)}:root{--primary:#4f46e5;--secondary:#f1f5f9;--bg:#fff;--text:#22223b;--card:#f8fafc;--accent:#e0e7ff;--shadow:0 2px 8px rgba(0, 0, 0, 0.07);--transition:0.3s cubic-bezier(.4, 0, .2, 1);--scrollbar:#6366f1}[data-theme=dark]{--primary:#6366f1;--secondary:#232946;--bg:#18181b;--text:#f4f4f5;--card:#232946;--accent:#3730a3;--shadow:0 2px 12px rgba(0, 0, 0, 0.25);--scrollbar:#a5b4fc}html{scroll-behavior:smooth}body{font-family:Montserrat,Arial,sans-serif;margin:0;transition:background var(--transition),color var(--transition);overflow-x:hidden}.theme-toggle,nav{transition:background var(--transition);display:flex}#scrollProgress{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:2000;transition:width .2s}nav{position:fixed;right:0;z-index:1000;justify-content:space-between;padding:.5rem 2rem}.hero-content,.nav-links a,.project-card,header{position:relative}.nav-logo{font-weight:700;font-size:1.3rem;letter-spacing:1px}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500;transition:color var(--transition)}.nav-links a::after{content:'';display:block;width:0;height:2px;background:var(--primary);transition:width .2s;position:absolute;left:0;bottom:-3px}.nav-links a.active::after,.nav-links a:hover::after{width:100%}.theme-toggle{background:var(--accent);border:none;border-radius:50%;width:2.2rem;height:2.2rem;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem}.filter-btn,.nav-toggle{border:none;cursor:pointer}.skill-item,header{flex-direction:column}.nav-toggle{display:none;background:0 0;font-size:2rem}#hero-bg{position:absolute;width:100%;height:100%;z-index:0}#hero-bg canvas{filter:blur(1px) brightness(1.1);opacity:.9}header{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,var(--accent) 0,var(--bg) 100%);padding-top:5rem;overflow:hidden}.hero-content{z-index:1}.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:.5rem;letter-spacing:2px}.typed-fade-out{opacity:0!important;transition:opacity .3s}#typed.typing{filter:drop-shadow(0 0 6px rgba(99, 102, 241, .7))}.hero-typed{font-size:1.5rem;font-family:'Fira Mono',monospace;color:var(--text);margin-bottom:1.5rem;min-height:2.2rem;display:inline-block}.hero-desc{font-size:1.1rem;color:var(--text);max-width:500px;margin:0 auto 2.5rem}.section-title{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem;letter-spacing:1px}.filters{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{background:var(--accent);color:#8588ff;border-radius:2rem;padding:.5rem 1.3rem;font-weight:500;transition:background .2s,color .2s;outline:0}.filter-btn.active,.filter-btn:focus{background:var(--primary);color:#fff}.about-content{max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.7;color:var(--text);background:var(--card);border-radius:1rem;padding:2rem;opacity:0;animation:1s .2s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.skills-carousel-wrapper{overflow:hidden;width:100%;position:relative;padding-top:1rem;margin-top:2rem}.skills-carousel-track{display:flex;gap:1.5rem;transition:transform .3s ease-in-out;will-change:transform}.project-card,.skill-item{background:var(--card);transition:transform .2s,box-shadow .2s;will-change:transform;border-radius:1rem;box-shadow:var(--shadow)}.skill-item{padding:1.5rem 2rem;display:flex;align-items:center;cursor:pointer;min-width:160px;flex-shrink:0;scroll-snap-align:start}.skill-item:hover{transform:translateY(-8px) scale(1.05);background:var(--accent)}.skill-item i{font-size:2.5rem;color:var(--primary);margin-bottom:.7rem;transition:color .2s}.project-links a:hover,.skill-item:hover i{color:#fff;text-shadow:0 0 8px var(--primary)}.skill-label{font-size:1rem;font-weight:500;color:var(--text)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2rem;margin-top:2rem}.project-card{padding:2rem 1.5rem;display:flex;flex-direction:column;overflow:hidden}.project-card:hover{transform:translateY(-8px) scale(1.03);background:var(--accent)}.project-title{font-size:1.2rem;font-weight:700;color:#8184ff;margin-bottom:.5rem}.project-desc{font-size:1rem;color:var(--text);margin-bottom:1.2rem}.project-tags{margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.project-tag{background:var(--accent);color:var(--primary);border-radius:1rem;padding:.2rem .8rem;font-size:.85rem;font-weight:500}.project-links a{color:var(--primary);font-size:1.2rem;margin-right:1rem;transition:color .2s}.resume-btn{display:inline-block;background:var(--primary);color:#fff;font-weight:600;border:none;border-radius:2rem;padding:.8rem 2.2rem;font-size:1.1rem;margin:2rem auto 0;cursor:pointer;box-shadow:var(--shadow);transition:background .2s,transform .2s}.resume-btn:hover{background:#3730a3;transform:translateY(-3px) scale(1.04)}.modal{display:none;position:fixed;z-index:2001;width:100vw;height:100vh;background:rgba(30,41,59,.65);align-items:center;justify-content:center}.modal.open{display:flex;animation:.3s fadeInModal}@keyframes fadeInModal{from{opacity:0}to{opacity:1}}.modal-content{background:var(--bg);border-radius:1.2rem;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:2rem 1.5rem;max-width:600px;width:95vw;position:relative;max-height:90vh;overflow-y:auto}#backToTop,.contact-form,.testimonial-card{box-shadow:var(--shadow);display:flex}.modal-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;color:var(--primary);cursor:pointer}.contact-form{max-width:500px;margin:2rem auto 0;background:var(--card);border-radius:1rem;padding:2rem;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-weight:500;color:var(--primary);margin-bottom:.2rem}.form-input,.form-textarea{padding:.7rem 1rem;border:1.5px solid var(--accent);border-radius:.7rem;font-size:1rem;background:var(--bg);color:var(--text);transition:border-color .2s;font-family:inherit;resize:none}#backToTop,.form-btn{background:var(--primary);color:#fff;cursor:pointer}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:0}.form-btn{font-weight:600;border:none;border-radius:2rem;padding:.7rem 2rem;font-size:1rem;transition:background .2s,transform .2s;align-self:flex-end}.form-btn:hover{background:#3730a3;transform:translateY(-2px) scale(1.03)}footer{background:var(--bg);color:var(--primary);padding:2rem 0 1rem;margin-top:3rem;border-top:1px solid var(--accent)}.footer-socials{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-socials a{color:var(--primary);font-size:1.5rem;transition:color .2s}.footer-socials a:hover{color:#3730a3;transform:scale(1.1);transition:.2s ease-in-out}#backToTop{position:fixed;bottom:2rem;right:2rem;border:none;border-radius:50%;width:2.7rem;height:2.7rem;align-items:center;justify-content:center;font-size:1.3rem;opacity:0;transition:opacity .3s;z-index:1001}#backToTop.show{opacity:1;pointer-events:auto}.testimonials-section{max-width:900px;margin:0 auto 3rem;padding:2rem 0}.testimonials-slider{display:flex;overflow-x:auto;gap:2rem;scroll-snap-type:x mandatory;padding-bottom:1rem}.testimonial-card{min-width:320px;background:var(--card);border-radius:1rem;padding:1.5rem;scroll-snap-align:start;flex-direction:column;align-items:flex-start;transition:box-shadow .2s}.testimonial-text{font-size:1.05rem;margin-bottom:1rem}.testimonial-author{font-weight:600;color:var(--primary)}@media (max-width:900px){section{padding:3rem 1rem 1rem}.about-content,.contact-form{padding:1.2rem}}@media (max-width:700px){nav{padding:.5rem 1rem}.nav-links{gap:1.2rem}.projects-grid,.skills-list{gap:1rem}.project-card{padding:1.2rem 1rem}}@media (max-width:600px){.nav-links{position:fixed;top:4.2rem;right:0;background:var(--bg);flex-direction:column;gap:1.5rem;width:70vw;max-width:320px;height:100vh;align-items:flex-start;padding:2rem 1.5rem;box-shadow:-2px 0 16px rgba(0,0,0,.07);transform:translateY(-120%);transition:transform .4s cubic-bezier(.4, 0, .2, 1);z-index:1002}.nav-links.open{transform:translateY(0)}.nav-toggle{display:block}}@media (max-width:500px){.hero-title{font-size:2rem}.section-title{font-size:1.3rem}.about-content,.contact-form{font-size:.98rem}.skill-item{min-width:90px;padding:1rem}.testimonial-card{min-width:220px}}::-webkit-scrollbar{height:8px;width:8px;background:var(--accent)}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}