.navbar{z-index:100;background-color:var(--color-nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:70px;padding:0 80px;display:flex;position:sticky;top:0}.nav-logo img{width:auto;height:60px;display:block}.nav-links{gap:8px;list-style:none;display:flex}.nav-link{color:var(--color-text-muted);border-radius:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.nav-link:hover{color:var(--color-text);background-color:var(--color-card-bg)}.nav-link.active{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger-btn span{background-color:var(--color-text);border-radius:2px;width:24px;height:2px;transition:transform .25s,opacity .25s;display:block}.theme-toggle{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:1rem;transition:background-color .2s}.theme-toggle:hover{background-color:var(--color-card-bg)}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background-color:var(--color-nav-bg);border-bottom:1px solid var(--color-border);max-height:0;transition:max-height .3s,padding .3s;position:absolute;top:70px;left:0;right:0;overflow:hidden}.mobile-menu ul{padding:0;list-style:none}.mobile-menu.open{max-height:300px;padding:12px 24px}.mobile-menu .nav-link{padding:12px 16px;display:block}@media (width<=768px){.navbar{padding:0 20px;position:relative}.nav-links{display:none}.hamburger-btn{display:flex}}.profile{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;min-height:100vh;margin:0 auto;padding:80px 24px;display:flex;position:relative}.profile-pic img{object-fit:cover;border-radius:50%;width:320px;height:320px}.profile-info h1{color:var(--color-text);margin-top:-20px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.profile-tagline{color:var(--color-text-muted);margin-top:8px}.btn-container{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.btn{cursor:pointer;border:2px solid #0000;border-radius:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.btn-primary{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn-primary:hover{background-color:var(--color-text-muted);border-color:var(--color-text)}.btn-secondary{color:var(--color-text);border-color:var(--color-text);background-color:#0000}.btn-secondary:hover{background-color:var(--color-button-hover);color:var(--color-secondary-hover)}.social-links{justify-content:center;gap:20px;display:flex}.social-icon{object-fit:contain;width:28px;height:28px;transition:opacity .2s,transform .2s}.social-icon:hover{opacity:.7;transform:translateY(-2px)}.profile-desc h2{color:var(--color-text);margin-bottom:12px;font-size:1.5rem}.profile-desc p{color:var(--color-text-muted);max-width:600px;margin-bottom:8px}.scroll-indicator{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;margin-top:10px;font-size:.9rem;display:flex}.mouse{border:2px solid var(--color-text-muted);border-radius:12px;justify-content:center;width:24px;height:40px;padding-top:6px;display:flex;position:relative}.mouse-wheel{background-color:var(--color-text-muted);border-radius:50%;width:4px;height:4px;animation:1.5s infinite scrollWheel}@keyframes scrollWheel{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}.featured-projects{max-width:1100px;margin:0 auto;padding:80px 24px}.section-title{text-align:center;color:var(--color-text);margin-bottom:40px;font-size:2rem;font-weight:700}.featured-projects-grid{flex-direction:column;display:flex}.project-item-number{color:var(--color-text-muted);min-width:60px;font-size:2.5rem;font-weight:800}.project-card-link{color:inherit;cursor:pointer;text-decoration:none}.project-item{cursor:pointer}.skills-section{background-color:var(--color-bg);padding:80px 24px}.skills-section .section-title{text-align:center}.skills-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:800px;margin:0 auto;display:flex}.skill-item{background-color:var(--color-card-bg);box-shadow:0 2px 4px var(--shadow);color:var(--color-text);border-radius:8px;padding:12px 20px;font-weight:500;transition:transform .2s,box-shadow .2s}.skill-item:hover{box-shadow:0 4px 8px var(--hover-shadow);transform:translateY(-2px)}.know-more-section{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:80px 24px;display:flex}.know-more-desc{color:var(--color-text-muted);max-width:500px;margin-top:-20px}.project-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:40px;padding:28px 0;display:flex}.project-item:first-child{border-top:1px solid var(--color-border)}.project-item-info{flex-direction:column;gap:8px;display:flex}.project-item-title{color:var(--color-text);font-size:1.15rem;font-weight:700}.project-item-title span{color:var(--color-text-muted);font-weight:400}.project-item-description{color:var(--color-text-muted);max-width:600px;font-size:.95rem;line-height:1.6}@media (width<=768px){.project-item{flex-direction:column;align-items:flex-start;gap:16px}}.particle-canvas{z-index:0;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.about-page{max-width:1100px;margin:0 auto;padding:0 24px}.about-layout{grid-template-columns:1fr 280px;align-items:start;gap:60px;padding:80px 0;display:grid}.about-sidebar{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;position:sticky;top:90px}.about-sidebar img{border-radius:8px;width:100%}.about-hero-details{flex-direction:column;gap:12px;display:flex}.about-detail-item{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.about-social{gap:16px;display:flex}.about-social-icon{object-fit:contain;width:26px;height:26px;transition:opacity .2s,transform .2s}.about-social-icon:hover{opacity:.7;transform:translateY(-2px)}.about-hero-buttons{flex-direction:column;gap:10px;display:flex}.about-hero{border-bottom:1px solid var(--color-border);padding-bottom:60px}.about-hero h1{margin-bottom:20px;font-size:2.4rem;font-weight:800}.about-hero p{color:var(--color-text-muted);font-size:1rem;line-height:1.8}.about-section-title{margin-bottom:40px;font-size:1.8rem;font-weight:700}.about-highlights{border-bottom:1px solid var(--color-border);padding:60px 0}.highlights-list{flex-direction:column;display:flex}.highlight-item{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:24px;padding:24px 0;display:flex}.highlight-item:last-child{border-bottom:none}.highlight-number{color:var(--color-text-muted);min-width:50px;font-size:2rem;font-weight:800}.highlight-item p{color:var(--color-text-muted);padding-top:6px;line-height:1.7}.about-skills{padding:60px 0}.skills-categories{flex-direction:column;gap:40px;display:flex}.skills-category-title{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:1rem;font-weight:700}.skills-pills{flex-wrap:wrap;gap:10px;display:flex}.skill-pill{background-color:var(--color-card-bg);border:1px solid var(--color-border);cursor:default;border-radius:100px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.skill-pill:hover{background-color:var(--color-skill-pill-hover);color:var(--color-bg);border-color:var(--color-skill-pill-hover)}@media (width<=768px){.about-layout{grid-template-columns:1fr;padding:40px 0}.about-sidebar{order:0;max-width:300px;margin:0 auto;position:static}.about-hero h1{text-align:center}.about-section-title{font-size:1.5rem}}.projects-page{max-width:1100px;margin:0 auto;padding:80px 24px}.projects-header{text-align:center;margin-bottom:60px}.projects-header h1{margin-bottom:12px;font-size:2.4rem;font-weight:800}.projects-header p{color:var(--color-text-muted);max-width:500px;margin:0 auto;font-size:1rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.project-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:16px;padding:28px;transition:box-shadow .2s,transform .2s;display:flex}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px #00000014}.project-card-icon{background-color:var(--color-accent);width:48px;height:48px;color:var(--color-bg);border-radius:10px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.project-card-body{flex-direction:column;flex:1;gap:10px;display:flex}.project-card-title{font-size:1.1rem;font-weight:700}.project-card-title span{color:var(--color-text-muted);font-weight:400}.project-card-description{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.project-card-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.project-card-btn{align-self:flex-start}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.project-detail-page{max-width:1100px;margin:0 auto;padding:60px 24px 80px}.project-detail-header{margin-bottom:60px}.back-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:0;font-size:.95rem;transition:color .2s;display:inline-block}.back-btn:hover{color:var(--color-accent)}.project-detail-title-row{align-items:center;gap:20px;display:flex}.project-detail-icon{background-color:var(--color-accent);width:60px;height:60px;color:var(--color-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.project-detail-title-row h1{margin-bottom:10px;font-size:2rem;font-weight:800}.project-detail-title-row h1 span{color:#555;font-size:1.4rem;font-weight:400}.project-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:100px;padding:4px 12px;font-size:.8rem;font-weight:500}.project-detail-body{grid-template-columns:1fr 260px;align-items:start;gap:60px;display:grid}.detail-section{border-bottom:1px solid var(--color-border);margin-bottom:40px;padding-bottom:40px}.detail-section:last-child{border-bottom:none}.detail-section h2{margin-bottom:16px;font-size:1.2rem;font-weight:700}.detail-section p{color:var(--color-text-muted);line-height:1.8}.features-list{flex-direction:column;gap:12px;list-style:none;display:flex}.features-list li{color:var(--color-text-muted);align-items:flex-start;gap:12px;line-height:1.6;display:flex}.feature-bullet{color:var(--color-text);flex-shrink:0;font-weight:700}.screenshots-placeholder{background-color:var(--color-bg);border:1px dashed var(--color-border);text-align:center;color:var(--color-text-muted);border-radius:8px;padding:40px}.project-detail-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:90px}.sidebar-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:28px}.sidebar-card h3{text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.9rem;font-weight:700}.tech-list{flex-wrap:wrap;gap:8px;display:flex}.tech-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;padding:6px 14px;font-size:.85rem;font-weight:500}.github-btn{text-align:center;width:100%}.project-detail-notfound{text-align:center;flex-direction:column;gap:20px;max-width:400px;margin:120px auto;display:flex}@media (width<=768px){.project-detail-body{grid-template-columns:1fr}.project-detail-sidebar{position:static}.project-detail-title-row{flex-direction:column;align-items:flex-start}}.contact-page{max-width:1100px;margin:0 auto;padding:80px 24px}.contact-header{text-align:center;margin-bottom:60px}.contact-header h1{margin-bottom:12px;font-size:2.4rem;font-weight:800}.contact-header p{color:var(--color-text-muted);max-width:500px;margin:0 auto}.contact-layout{grid-template-columns:1fr 280px;align-items:start;gap:60px;display:grid}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);resize:vertical;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.form-success{color:var(--color-form-success);font-size:.9rem;font-weight:500}.form-error{color:var(--color-form-error);font-size:.9rem;font-weight:500}.contact-sidebar{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;position:sticky;top:90px}.contact-sidebar img{border-radius:8px;width:100%}.contact-sidebar-details{flex-direction:column;gap:12px;display:flex}.contact-detail-item{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.contact-social{gap:16px;display:flex}.contact-social-icon{object-fit:contain;width:26px;height:26px;transition:opacity .2s,transform .2s}.contact-social-icon:hover{opacity:.7;transform:translateY(-2px)}@media (width<=768px){.contact-layout{grid-template-columns:1fr}.contact-sidebar{max-width:300px;margin:0 auto;position:static}}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);margin-top:80px;padding:60px 40px 0}.footer-content{grid-template-columns:1fr 1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;padding-bottom:48px;display:grid}.footer-brand h3{margin-bottom:8px;font-size:1rem;font-weight:700}.footer-brand p{color:var(--color-text-muted);margin-bottom:16px;font-size:.9rem}.footer-social{gap:16px;display:flex}.footer-social-icon{object-fit:contain;width:24px;height:24px;transition:opacity .2s,transform .2s}.footer-social-icon:hover{opacity:.7;transform:translateY(-2px)}.footer-links h4,.footer-contact h4{text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.9rem;font-weight:700}.footer-links ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--color-text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}.footer-contact p{color:var(--color-text-muted);margin-bottom:8px;font-size:.9rem}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;max-width:1400px;margin:0 auto;padding:20px 0}.footer-bottom p{color:var(--color-text-muted);font-size:.85rem}.footer-brand,.footer-links,.footer-contact{text-align:center}.footer-social{justify-content:center}@media (width<=768px){.footer{padding:40px 20px 0}.footer-content{grid-template-columns:1fr;gap:32px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stagger-1{opacity:0;animation:.6s .1s forwards fadeInUp}.stagger-2{opacity:0;animation:.6s .3s forwards fadeInUp}.stagger-3{opacity:0;animation:.6s .5s forwards fadeInUp}.stagger-4{opacity:0;animation:.6s .7s forwards fadeInUp}.stagger-5{opacity:0;animation:.6s .9s forwards fadeInUp}:root{--color-bg:#fff;--color-text:#1a1a1a;--color-text-muted:#555;--color-accent:#2d6cdf;--color-accent-hover:#1a4fad;--color-button-hover:lightgrey;--color-skill-pill-hover:grey;--color-border:#e0e0e0;--color-card-bg:#f8f9fa;--color-nav-bg:#fffffff2;--color-form-error:#c62828;--color-form-success:#2e7d32;--font-main:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--border-radius:8px;--shadow:0 2px 12px #00000014;--hover-shadow:0 4px 16px #0000001f;--transition:.2s ease}[data-theme=dark]{--color-bg:#0f1117;--color-text:#f0f0f0;--color-text-muted:#aaa;--color-accent:#4d8ef0;--color-accent-hover:#3a7ae0;--color-border:#2a2a2a;--color-card-bg:#1a1d27;--color-nav-bg:#0f1117f2;--color-secondary-hover:#333}[data-theme=dark] .profile-pic img,[data-theme=dark] .about-sidebar img,[data-theme=dark] .contact-sidebar img,[data-theme=dark] .social-links img,[data-theme=dark] .footer-social img,[data-theme=dark] .about-social img,[data-theme=dark] .contact-social img,[data-theme=dark] .particle-canvas{filter:invert()}[data-theme=dark] .nav-logo img{filter:invert();mix-blend-mode:screen}