:root{--bg-color:#fff;--text-color:#000;--accent-color:#888;--font-family:"Inter", sans-serif;--spacing:2rem}[data-theme=dark]{--bg-color:#000;--text-color:#fff;--accent-color:#888}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .3s;position:relative}a:after{content:"";background-color:var(--text-color);transform-origin:100% 100%;width:100%;height:1px;transition:transform .3s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}a:hover:after{transform-origin:0 100%;transform:scaleX(1)}.container{max-width:800px;padding:var(--spacing);margin:0 auto}section{padding:calc(var(--spacing) * 3) 0}h1,h2,h3{margin-bottom:var(--spacing);font-weight:500}h1{letter-spacing:-.02em;font-size:3rem;line-height:1.2}h2{letter-spacing:-.01em;font-size:2rem}p{color:var(--accent-color);margin-bottom:var(--spacing);font-size:1.1rem}.projects-grid{gap:var(--spacing);flex-direction:column;display:flex}.project-item{border:1px solid var(--accent-color);padding:var(--spacing);background:var(--bg-color);border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.project-item:hover{border-color:var(--text-color);transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}[data-theme=dark] .project-item:hover{box-shadow:0 10px 20px #ffffff0d}.project-item h3{margin-bottom:.5rem}.project-item p{margin-bottom:0;font-size:1rem}footer{text-align:center;padding:var(--spacing) 0;color:var(--accent-color);font-size:.9rem}.navbar{z-index:1000;border-bottom:1px solid #0000;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:color-mix(in srgb, var(--bg-color) 80%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom-color:color-mix(in srgb, var(--accent-color) 20%, transparent)}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1000px;height:60px;margin:0 auto;padding:0 2rem;display:flex}.navbar-logo{opacity:.9;flex-shrink:0;align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.navbar-logo:after{display:none}.navbar-logo:hover{opacity:1}.navbar-links{flex:1;justify-content:center;align-items:center;gap:.25rem;list-style:none;display:flex}.navbar-link-item{position:relative}.navbar-link{color:var(--accent-color);white-space:nowrap;border-radius:50px;padding:.4rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:block;position:relative}.navbar-link:after{display:none}.navbar-link:hover,.navbar-link--active{color:var(--text-color)}.navbar-active-pill{background:color-mix(in srgb, var(--text-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--text-color) 20%, transparent);z-index:-1;border-radius:50px;position:absolute;inset:0}.navbar-link-text{z-index:1;position:relative}.navbar-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.navbar-theme-btn{border:1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.navbar-theme-btn:hover{border-color:var(--text-color);background:color-mix(in srgb, var(--text-color) 8%, transparent)}.navbar-mobile-btn{border:1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:none}.navbar-mobile-btn:hover{border-color:var(--text-color)}.navbar-mobile-menu{background:color-mix(in srgb, var(--bg-color) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);overflow:hidden}.navbar-mobile-links{flex-direction:column;gap:.25rem;padding:1rem 2rem;list-style:none;display:flex}.navbar-mobile-link{color:var(--accent-color);border-radius:8px;padding:.65rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.navbar-mobile-link:after{display:none}.navbar-mobile-link:hover,.navbar-mobile-link--active{color:var(--text-color);background:color-mix(in srgb, var(--text-color) 6%, transparent)}@media (width<=768px){.navbar-links{display:none}.navbar-mobile-btn{display:flex}}#top{scroll-margin-top:60px}@media (hover:hover) and (pointer:fine){body,a,button{cursor:none}}.progress-bar{background:var(--text-color);transform-origin:0%;z-index:1001;height:4px;position:fixed;top:0;left:0;right:0}#hero{padding-top:60px;position:relative;overflow:hidden}#hero:before{content:"";background:radial-gradient(circle, var(--text-color) 0%, transparent 10%), radial-gradient(circle, transparent 10%, var(--bg-color) 100%);opacity:.05;z-index:-1;pointer-events:none;background-size:60px 60px;width:200%;height:200%;animation:60s linear infinite moveMesh;position:absolute;top:-50%;left:-50%}@keyframes moveMesh{0%{transform:translate(0)rotate(0)}to{transform:translate(-50px,-50px)rotate(360deg)}}.hero-container{flex-direction:column;justify-content:center;min-height:calc(100vh - 60px);padding-top:2rem;display:flex}.hero-intro{color:var(--accent-color);letter-spacing:.1em;margin-bottom:1rem;font-size:1rem}.hero-title{margin-bottom:0;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--accent-color);margin-top:.5rem;margin-bottom:2rem;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.1}.hero-description{max-width:600px;margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.keyword-highlight{color:var(--text-color);font-weight:700;display:inline-block;position:relative}.keyword-highlight:after{content:"";background-color:var(--text-color);transform-origin:100% 100%;width:100%;height:2px;transition:transform .3s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.keyword-highlight:hover:after{transform-origin:0 100%;transform:scaleX(1)}.hero-cta-button{border:1px solid var(--text-color);color:var(--text-color);background:0 0;border-radius:4px;padding:1rem 2rem;font-size:.9rem;transition:all .3s;display:inline-block}.hero-cta-button:hover{background:var(--text-color);color:var(--bg-color)}.featured-projects-list{flex-direction:column;gap:100px;margin-top:3rem;display:flex}.featured-project{grid-template-columns:repeat(12,1fr);align-items:center;gap:10px;display:grid}.project-image-container{z-index:1;border:1px solid var(--accent-color);background:var(--bg-color);border-radius:8px;grid-area:1/1/-1/8;justify-content:center;align-items:center;height:420px;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-image-link{width:100%;height:100%;display:block;position:relative}.image-overlay{background-color:var(--text-color);mix-blend-mode:multiply;opacity:.1;z-index:2;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}[data-theme=dark] .image-overlay{opacity:.3}.project-image{object-fit:contain;object-position:center;filter:grayscale()contrast(1.2);z-index:1;width:100%;height:100%;transition:all .3s}.featured-project:hover .project-image-container{border-color:var(--text-color)}.featured-project:hover .image-overlay{opacity:0}.featured-project:hover .project-image{filter:grayscale(0%)contrast()}.project-content-container{z-index:2;text-align:right;grid-area:1/6/-1/-1;position:relative}.project-overline{color:var(--accent-color);letter-spacing:.1em;margin-bottom:.5rem;font-size:.8rem}.project-title{color:var(--text-color);margin-bottom:1.5rem;font-size:1.75rem}.project-description{background:var(--bg-color);border:1px solid var(--accent-color);color:var(--text-color);border-radius:8px;padding:1.5rem;font-size:1rem;box-shadow:0 10px 30px -15px #0003}[data-theme=dark] .project-description{box-shadow:0 10px 30px -15px #ffffff0d}.project-tech-list{color:var(--accent-color);flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-top:1.5rem;margin-bottom:1rem;font-size:.8rem;list-style:none;display:flex}.project-links{justify-content:flex-end;gap:1rem;display:flex}.project-links a{width:24px;height:24px;color:var(--text-color);justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.project-links a:hover{transform:translateY(-2px)}.featured-project.align-right .project-content-container{text-align:left;grid-column:1/8}.featured-project.align-right .project-image-container{grid-column:6/-1}.featured-project.align-right .project-tech-list,.featured-project.align-right .project-links{justify-content:flex-start}@media (width<=768px){.featured-project{flex-direction:column;display:flex}.project-image-container{opacity:.5;width:100%;height:250px;margin-bottom:-50px}.project-content-container,.featured-project.align-right .project-content-container{text-align:left;width:100%;padding:0 1rem}.project-tech-list,.featured-project.align-right .project-tech-list,.project-links,.featured-project.align-right .project-links{justify-content:flex-start}}.skills-header{margin-bottom:3rem}.skills-overline{color:var(--accent-color);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.skills-category-card{border:1px solid var(--accent-color);background:var(--bg-color);border-radius:16px;flex-direction:column;padding:1.5rem;transition:border-color .25s,background .25s;display:flex}.skills-category-card:hover{border-color:var(--text-color)}.skills-category-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color);margin-bottom:1.25rem;font-size:.7rem;font-weight:700}.skills-list{grid-template-columns:repeat(4,1fr);gap:.75rem;list-style:none;display:grid}.skill-item{border:1px solid var(--accent-color);cursor:default;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .5rem;transition:border-color .2s,transform .2s,background .2s;display:flex}.skill-item:hover{border-color:var(--text-color);background:color-mix(in srgb, var(--text-color) 4%, var(--bg-color));transform:translateY(-2px)}.skill-icon-wrap{background:color-mix(in srgb, var(--accent-color) 10%, var(--bg-color));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:.3rem;display:flex}.skill-icon-img{object-fit:contain;width:100%;height:100%}.skill-emoji{font-size:1.25rem;line-height:1}.skill-label{text-align:center;color:var(--text-color);font-size:.65rem;font-weight:500;line-height:1.2}@media (width<=900px){.skills-grid{grid-template-columns:1fr}}@media (width<=600px){.skills-list{grid-template-columns:repeat(3,1fr)}}#contributions{background:var(--bg-color)}.contributions-header{text-align:center;margin-bottom:3rem}.contributions-subtitle{color:var(--accent-color);text-align:center;margin-top:-.5rem;font-size:1rem}.contrib-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.contrib-card{border:1px solid var(--accent-color);background:var(--bg-color);color:var(--text-color);border-radius:10px;flex-direction:column;gap:.6rem;min-height:160px;padding:1.4rem 1.4rem 1rem;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.contrib-card:after{display:none}.contrib-card:hover{border-color:var(--text-color);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}[data-theme=dark] .contrib-card:hover{box-shadow:0 8px 24px #ffffff0d}.contrib-card-header{align-items:center;gap:.5rem;display:flex}.contrib-repo-icon{color:var(--accent-color);flex-shrink:0;align-items:center;display:flex}.contrib-repo-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.contrib-fork-icon{color:var(--accent-color);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.contrib-description{color:var(--accent-color);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.contrib-card-footer{border-top:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.contrib-owner{color:var(--accent-color);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.contrib-meta{align-items:center;gap:.75rem;display:flex}.contrib-lang{color:var(--accent-color);align-items:center;gap:.35rem;font-family:monospace;font-size:.75rem;display:flex}.lang-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.contrib-stars{color:var(--accent-color);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.contrib-external{color:var(--accent-color);opacity:0;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(4px)}.contrib-card:hover .contrib-external{opacity:1;transform:translateY(0)}.contrib-loading{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.contrib-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-color) 15%, transparent) 25%, color-mix(in srgb, var(--accent-color) 25%, transparent) 50%, color-mix(in srgb, var(--accent-color) 15%, transparent) 75%);background-size:200% 100%;border-radius:10px;height:160px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.contrib-view-all{justify-content:center;margin-top:2rem;display:flex}.contrib-view-btn{border:1px solid var(--accent-color);color:var(--text-color);cursor:pointer;font-size:.85rem;font-family:var(--font-family);background:0 0;border-radius:50px;padding:.65rem 1.75rem;transition:all .25s}.contrib-view-btn:hover{border-color:var(--text-color);background:var(--text-color);color:var(--bg-color)}@media (width<=900px){.contrib-grid,.contrib-loading{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.contrib-grid,.contrib-loading{grid-template-columns:1fr}}.contact-section{padding:8rem 0}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-overline{color:var(--accent-color);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:600}.contact-title{color:var(--text-color);margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.contact-description{color:var(--accent-color);margin-bottom:2.5rem;font-size:1.15rem;line-height:1.7}.contact-actions{justify-content:center;margin-bottom:4rem;display:flex}.contact-btn{border-radius:8px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.contact-btn:after{display:none}.contact-btn.primary-btn{background:var(--text-color);color:var(--bg-color);border:1px solid var(--text-color)}.contact-btn.primary-btn:hover{box-shadow:0 10px 20px color-mix(in srgb, var(--text-color) 20%, transparent);transform:translateY(-3px)}.contact-socials{border-top:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);padding-top:3rem}.socials-text{color:var(--accent-color);margin-bottom:1.5rem;font-size:.95rem}.socials-grid{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-card{background:var(--bg-color);border:1px solid var(--accent-color);color:var(--text-color);border-radius:50px;flex-direction:row;align-items:center;gap:.6rem;padding:.75rem 1.5rem;transition:all .3s;display:flex}.social-card:after{display:none}.social-card span{font-size:.95rem;font-weight:600}.social-card .arrow-icon{opacity:.5;color:var(--accent-color);transition:all .3s;transform:translate(0)}.social-card:hover{border-color:var(--text-color);background:color-mix(in srgb, var(--text-color) 3%, transparent);transform:translateY(-2px)}.social-card:hover .arrow-icon{opacity:1;color:var(--text-color);transform:translate(4px)}@media (width<=600px){.socials-grid{flex-direction:column;align-items:stretch}.social-card{justify-content:center}}.keyword-highlight,.interactive-blue-text{color:#2563eb;font-weight:500;transition:all .3s;display:inline-block;position:relative}.keyword-highlight:hover,.interactive-blue-text:hover{text-shadow:0 4px 15px #2563eb4d;cursor:none;transform:translateY(-2px)}[data-theme=dark] .keyword-highlight,[data-theme=dark] .interactive-blue-text{color:#00d2ff}[data-theme=dark] .keyword-highlight:hover,[data-theme=dark] .interactive-blue-text:hover{text-shadow:0 0 10px #00d2ffcc,0 0 20px #00d2ff66;cursor:none;transform:translateY(-2px)}.gradient-text{background:linear-gradient(270deg,#ff4d4d,#f9cb28,#00d2ff,#7928ca,#ff4d4d) 0 0/400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:12s linear infinite shineGradient;display:inline-block}@keyframes shineGradient{0%{background-position:0%}to{background-position:-400%}}