@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0d0f16;--bg-secondary:#161822;--bg-tertiary:#1f222d;--bg-elevated:#272935;--text-primary:#e7e9ef;--text-secondary:#8a94a8;--text-muted:#5e6778;--accent-purple:#8e5eed;--accent-teal:#30e8e8;--accent-gradient:linear-gradient(135deg, var(--accent-purple), var(--accent-teal));--accent-gradient-hover:linear-gradient(135deg, #a37bf4, #4cf0f0);--glass-bg:#181b25a6;--glass-border:#525f7a26;--glass-blur:16px;--border-subtle:#525f7a1f;--border-light:#6793;--shadow-sm:0 2px 8px #06070e66;--shadow-md:0 4px 16px #06070e80;--shadow-lg:0 8px 32px #06070e99;--shadow-glow:0 0 30px #8e5eed26;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.5rem;--fs-5xl:4.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-normal:1.6;--lh-relaxed:1.8;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275);--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#8e5eed4d}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img,svg{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-primary)}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}p{color:var(--text-secondary);line-height:var(--lh-relaxed)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}section{padding:var(--space-5xl) 0;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-heading{text-align:center;margin-bottom:var(--space-4xl)}.section-heading .label{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:3px;background:var(--accent-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);-webkit-background-clip:text;background-clip:text;display:inline-block}.section-heading h2{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-md)}.section-heading p{font-size:var(--fs-md);max-width:600px;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.5px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;padding:14px 32px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px #8e5eed4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #8e5eed73}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0}.btn-secondary:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 20px #8e5eed26}.btn-sm{font-size:var(--fs-xs);padding:8px 18px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#8e5eed4d;transform:translateY(-4px)}.tag{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--accent-teal);border-radius:var(--radius-full);white-space:nowrap;background:#30e8e814;border:1px solid #30e8e826;padding:4px 12px;display:inline-flex}.form-group{margin-bottom:var(--space-lg)}.form-group label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:var(--space-sm);display:block}.form-input{width:100%;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none;padding:14px 18px}.form-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8e5eed1f}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:140px}.form-error{font-size:var(--fs-xs);color:#e64d4d;margin-top:var(--space-xs);display:none}.form-group.error .form-input{border-color:#e64d4d}.form-group.error .form-error{display:block}.toast{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);box-shadow:var(--shadow-lg);opacity:0;transition:all var(--transition-base);z-index:1000;padding:16px 24px;position:fixed;bottom:32px;right:32px;transform:translateY(120%)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-left:3px solid var(--accent-teal)}.toast.error{border-left:3px solid #e64d4d}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.stagger-children .reveal:first-child{transition-delay:50ms}.stagger-children .reveal:nth-child(2){transition-delay:.1s}.stagger-children .reveal:nth-child(3){transition-delay:.15s}.stagger-children .reveal:nth-child(4){transition-delay:.2s}.stagger-children .reveal:nth-child(5){transition-delay:.25s}.stagger-children .reveal:nth-child(6){transition-delay:.3s}.stagger-children .reveal:nth-child(7){transition-delay:.35s}.stagger-children .reveal:nth-child(8){transition-delay:.4s}.stagger-children .reveal:nth-child(9){transition-delay:.45s}.stagger-children .reveal:nth-child(10){transition-delay:.5s}.nav{height:var(--nav-height);z-index:100;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-logo{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.5px}.nav-logo span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:var(--space-xl);display:flex}.nav-links a{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);transition:color var(--transition-fast);padding:4px 0;position:relative}.nav-links a:after{content:"";background:var(--accent-gradient);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--accent-gradient);border-radius:var(--radius-full);color:#fff!important;font-weight:var(--fw-semibold)!important;padding:8px 20px!important}.nav-cta:after{display:none!important}.nav-cta:hover{box-shadow:0 4px 16px #8e5eed59}.nav-hamburger{cursor:pointer;z-index:110;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0;display:none}.nav-hamburger:focus-visible{outline:2px solid var(--accent-teal);outline-offset:4px;border-radius:4px}.nav-hamburger span{background:var(--text-primary);width:100%;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.nav-hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(80px);opacity:.35;border-radius:50%;animation:12s ease-in-out infinite alternate blobFloat;position:absolute}.hero-blob-1{background:var(--accent-purple);width:500px;height:500px;animation-delay:0s;top:10%;left:15%}.hero-blob-2{background:var(--accent-teal);width:400px;height:400px;animation-delay:-4s;top:40%;right:10%}.hero-blob-3{background:#2662d9;width:300px;height:300px;animation-delay:-8s;bottom:10%;left:40%}@keyframes blobFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(30px,-10px)scale(1.05)}}.hero-grid{z-index:1;background-image:linear-gradient(#525f7a0d 1px,#0000 1px),linear-gradient(90deg,#525f7a0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;position:relative}.hero-greeting{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent-teal);margin-bottom:var(--space-lg);letter-spacing:2px;display:inline-block}.hero-name{font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-lg);line-height:1.1}.hero-tagline{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.hero-subtitle{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--accent-teal);margin-bottom:var(--space-lg);min-height:30px}.hero-subtitle .typing-cursor{background:var(--accent-teal);vertical-align:text-bottom;width:3px;height:1.1em;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{50%{opacity:0}}.hero-description{font-size:var(--fs-md);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:var(--lh-relaxed)}.hero-actions{justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.hero-socials{align-items:center;gap:var(--space-lg);justify-content:center;display:flex}.hero-socials a{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.hero-socials a:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-3px);box-shadow:0 4px 16px #8e5eed33}.hero-socials a svg{width:20px;height:20px}.hero-scroll{z-index:2;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--fs-xs);flex-direction:column;animation:2s infinite scrollBounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--text-muted), transparent);width:1px;height:40px}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.hero-floating-icons{z-index:1;pointer-events:none;position:absolute;inset:0}.floating-icon{opacity:.12;font-size:2rem;animation:20s ease-in-out infinite floatDrift;position:absolute}.floating-icon:first-child{animation-delay:0s;top:15%;left:8%}.floating-icon:nth-child(2){animation-delay:-3s;top:25%;right:12%}.floating-icon:nth-child(3){animation-delay:-6s;top:60%;left:5%}.floating-icon:nth-child(4){animation-delay:-9s;bottom:20%;right:8%}.floating-icon:nth-child(5){animation-delay:-12s;top:40%;left:85%}.floating-icon:nth-child(6){animation-delay:-15s;bottom:35%;left:15%}@keyframes floatDrift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(15px,-20px)rotate(5deg)}50%{transform:translate(-10px,15px)rotate(-3deg)}75%{transform:translate(20px,10px)rotate(4deg)}}.about{background:var(--bg-secondary)}.about-grid{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-image-wrapper{position:relative}.about-image{aspect-ratio:1;border-radius:var(--radius-xl);width:100%;max-width:400px;margin:0 auto;position:relative;overflow:hidden}.about-image:before{content:"";background:var(--accent-gradient);border-radius:var(--radius-xl);z-index:-1;position:absolute;inset:-3px}.about-image img{object-fit:cover;object-position:top center;border-radius:calc(var(--radius-xl) - 4px);background:var(--bg-tertiary);width:100%;height:100%;padding:10px}.about-avatar-placeholder{background:var(--bg-tertiary);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.about-avatar-placeholder svg{width:120px;height:120px;color:var(--text-muted)}.about-text h3{font-size:var(--fs-2xl);margin-bottom:var(--space-lg)}.about-text p{margin-bottom:var(--space-lg);font-size:var(--fs-md)}.about-stats{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.about-stat{text-align:center;padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.about-stat-number{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-xs)}.split-timeline-grid{gap:var(--space-4xl);grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto;display:grid}.timeline-column-title{font-size:var(--fs-xl);color:var(--text-primary);margin-bottom:var(--space-2xl);padding-left:var(--space-md);display:inline-block;position:relative}.timeline-column-title:after{content:"";bottom:-8px;left:var(--space-md);background:var(--accent-gradient);border-radius:var(--radius-full);width:40px;height:3px;position:absolute}.experience-timeline{padding-left:var(--space-xl);position:relative}.experience-timeline:before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{margin-bottom:var(--space-2xl);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{left:calc(var(--space-xl) * -1);background:var(--bg-primary);border:2px solid var(--accent-teal);border-radius:50%;width:16px;height:16px;position:absolute;top:6px;box-shadow:0 0 10px #30e8e866}.timeline-content{padding:var(--space-xl)}.timeline-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.timeline-header h3{font-size:var(--fs-xl);color:var(--text-primary)}.timeline-date{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent-purple);border-radius:var(--radius-full);background:#8e5eed1a;padding:4px 12px}.timeline-desc{font-size:var(--fs-md);margin-bottom:var(--space-md)}.timeline-tasks{padding:0;list-style:none}.timeline-tasks li{padding-left:var(--space-xl);margin-bottom:var(--space-sm);font-size:var(--fs-sm);color:var(--text-secondary);position:relative}.timeline-tasks li:before{content:"▹";color:var(--accent-teal);font-size:var(--fs-md);position:absolute;left:0}.timeline-tasks strong{color:var(--text-primary)}.skills-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.skill-category{padding:var(--space-xl)}.skill-category-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.skill-category-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-purple);font-size:var(--fs-xl);background:#8e5eed1a;justify-content:center;align-items:center;display:flex}.skill-category-title{font-size:var(--fs-base);font-weight:var(--fw-semibold)}.skill-category{flex-direction:column;display:flex}.skill-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-used-in{padding-top:var(--space-lg);font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-normal);margin-top:auto}.skill-used-in button{font:inherit;color:var(--text-secondary);border:0;border-bottom:1px dashed var(--border-light);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:0}.skill-used-in button:hover,.skill-used-in button:focus-visible{color:var(--accent-teal);border-color:var(--accent-teal);outline:none}.timeline-org{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.inline-link{color:var(--accent-teal);text-decoration:underline}.projects{background:var(--bg-secondary)}.project-filters{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.filter-btn{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:8px 20px}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.filter-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.project-card{cursor:pointer;overflow:hidden}.project-card-image{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-overlay{opacity:0;transition:opacity var(--transition-base);padding:var(--space-xl);background:linear-gradient(#0000,#0d0f16cc);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1}.project-card-actions{gap:var(--space-md);display:flex}.project-card-body{padding:var(--space-xl)}.project-card-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.project-card-desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:var(--lh-relaxed);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-card-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;padding:var(--space-xl);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#08080dd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal-overlay.active{opacity:1;pointer-events:all}.project-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;transition:transform var(--transition-base);position:relative;overflow-y:auto;transform:translateY(30px)scale(.95)}.project-modal-overlay.active .project-modal{transform:translateY(0)scale(1)}.project-modal-close{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;z-index:5;font-size:var(--fs-lg);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.project-modal-close:hover{color:var(--text-primary);border-color:var(--accent-purple)}.project-modal-image{aspect-ratio:16/9;width:100%;overflow:hidden}.project-modal-image img{object-fit:cover;width:100%;height:100%}.project-modal-content{padding:var(--space-2xl)}.project-modal-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-md)}.project-modal-desc{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-xl)}.project-modal-tags{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.project-modal-links{gap:var(--space-md);display:flex}.project-modal-features{margin-bottom:var(--space-xl)}.project-modal-features h4{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.project-modal-features ul{padding:0;list-style:none}.project-modal-features li{padding-left:var(--space-xl);margin-bottom:var(--space-sm);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);position:relative}.project-modal-features li:before{content:"▹";color:var(--accent-teal);font-size:var(--fs-md);position:absolute;left:0}.project-modal-next li:before{content:"○";color:var(--text-muted);font-size:var(--fs-xs);top:4px}.project-card:focus-visible{outline:2px solid var(--accent-teal);outline-offset:4px}.project-status{z-index:2;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fbcb6a;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0f16d9;border:1px solid #fab93859;align-items:center;gap:6px;padding:4px 12px;display:inline-flex;position:absolute;top:14px;left:14px}.project-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.project-status-inline{margin-bottom:var(--space-lg);position:static}.project-modal-section{margin-bottom:var(--space-xl)}.project-modal-section h4{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.project-modal-section p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.project-flow{align-items:center;gap:var(--space-sm);counter-reset:flow;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-flow li{counter-increment:flow;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 12px 6px 6px;display:inline-flex}.project-flow li:before{content:counter(flow);background:var(--accent-gradient);color:#fff;width:20px;height:20px;font-size:.65rem;font-weight:var(--fw-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.project-screenshots{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.project-screenshots figure{margin:0}.project-screenshots img{aspect-ratio:16/10;object-fit:cover;object-position:top left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast)}.project-screenshots a:hover img{border-color:var(--accent-teal)}.project-screenshots figcaption{margin-top:var(--space-xs);font-size:var(--fs-xs);color:var(--text-muted)}.writeups-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.writeup-card{padding:var(--space-xl);color:inherit;flex-direction:column;text-decoration:none;display:flex}.writeup-card:focus-visible{outline:2px solid var(--accent-teal);outline-offset:4px}.writeup-cover{width:calc(100% + 2 * var(--space-xl));margin:calc(var(--space-xl) * -1) calc(var(--space-xl) * -1) var(--space-lg);aspect-ratio:40/21;object-fit:cover;border-bottom:1px solid var(--border-subtle)}.writeup-card .writeup-read{margin-top:auto}.writeup-fallback{text-align:center;grid-column:1/-1;align-items:center}.writeup-meta{gap:var(--space-sm);margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);display:flex}.writeup-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-md)}.writeup-summary{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg)}.writeups-more-wrap{margin-top:var(--space-2xl);justify-content:center;display:flex}.writeups-more-wrap .btn[hidden]{display:none}.writeup-read{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent-teal);flex-shrink:0}.contact{background:var(--bg-secondary)}.contact-grid{gap:var(--space-4xl);grid-template-columns:1fr 1fr;display:grid}.contact-info h3{font-size:var(--fs-2xl);margin-bottom:var(--space-lg)}.contact-info p{font-size:var(--fs-md);margin-bottom:var(--space-2xl)}.contact-details{gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.contact-detail{align-items:center;gap:var(--space-md);display:flex}.contact-detail-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-purple);background:#8e5eed1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-detail-icon svg{width:20px;height:20px}.contact-detail-text{font-size:var(--fs-sm);color:var(--text-secondary)}.contact-socials{gap:var(--space-md);display:flex}.contact-social-link{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.contact-social-link:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-3px);box-shadow:0 4px 16px #8e5eed33}.contact-social-link svg{width:20px;height:20px}.contact-form-wrapper{padding:var(--space-2xl)}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle)}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-text{font-size:var(--fs-sm);color:var(--text-muted)}.footer-text a{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-links{gap:var(--space-lg);display:flex}.footer-links a{font-size:var(--fs-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}@media (width<=1024px){h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-2xl)}.hero-name{font-size:var(--fs-4xl)}.skills-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:var(--space-2xl)}}@media (width<=768px){:root{--nav-height:64px}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-xl)}section{padding:var(--space-3xl) 0}.container{padding:0 var(--space-lg)}.nav-hamburger{display:flex}.nav-links{justify-content:center;gap:var(--space-2xl);background:var(--bg-secondary);border-left:1px solid var(--glass-border);width:280px;height:100vh;transition:right var(--transition-base);z-index:105;flex-direction:column;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:var(--fs-lg)}.nav-overlay{z-index:104;background:#08080d99;display:none;position:fixed;inset:0}.nav-overlay.show{display:block}.hero-name{font-size:var(--fs-3xl)}.hero-subtitle{font-size:var(--fs-lg)}.hero-description{font-size:var(--fs-base)}.hero-actions{gap:var(--space-md);flex-direction:column}.hero-blob-1{width:300px;height:300px}.hero-blob-2{width:250px;height:250px}.hero-blob-3{width:200px;height:200px}.about-grid{gap:var(--space-2xl);grid-template-columns:1fr}.about-image{max-width:300px}.about-stats{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.skills-grid{gap:var(--space-lg);grid-template-columns:1fr}.projects-grid,.writeups-grid{grid-template-columns:1fr}.project-filters{gap:var(--space-xs)}.filter-btn{font-size:var(--fs-xs);padding:6px 14px}.split-timeline-grid,.contact-grid{gap:var(--space-2xl);grid-template-columns:1fr}.contact-form-wrapper{padding:var(--space-xl)}.footer-inner{gap:var(--space-md);text-align:center;flex-direction:column}.project-modal{max-height:95vh}.project-modal-content{padding:var(--space-xl)}.project-modal-links{flex-direction:column}}@media (width<=480px){h1,.hero-name{font-size:var(--fs-2xl)}.hero-greeting{font-size:var(--fs-xs)}.hero-tagline{font-size:var(--fs-md)}.about-stats{grid-template-columns:1fr}.section-heading{margin-bottom:var(--space-2xl)}.section-heading h2{font-size:var(--fs-xl)}.btn{font-size:var(--fs-xs);padding:12px 24px}}