:root{--bg:#07090e;--bg-alt:#0c111d;--surface:rgba(13,18,30,.72);--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16);--text-primary:#F8FAFC;--text-secondary:#94A3B8;--text-tertiary:#64748B;--accent:#3B82F6;--accent-hover:#2563EB;--accent-light:rgba(59,130,246,.12);--accent-cyan:#06B6D4;--accent-cyan-light:rgba(6,182,212,.12);--gradient:linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 16px 40px rgba(0,0,0,.55);--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--nav-height:64px;--container:1200px;--section-py:96px;--tr:.2s cubic-bezier(.4,0,.2,1);--tr-slow:.45s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.skip-link{position:fixed;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600;font-size:.875rem;z-index:9999;transition:top .2s}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{max-width:var(--container);margin:0 auto;padding:0 2rem}.section{position:relative;z-index:1;padding:var(--section-py) 0}.section-alt{background:#0c111da6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.section-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);font-family:var(--font-mono)}.section-title{font-size:clamp(1.875rem,3.5vw,2.625rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.15;margin-top:.5rem}.section-subtitle{font-size:1.0625rem;color:var(--text-secondary);margin-top:.75rem;max-width:560px;line-height:1.7}.section-header{margin-bottom:3.5rem}.preloader{position:fixed;inset:0;background:#07090e;display:flex;align-items:center;justify-content:center;z-index:9000;transition:opacity .45s ease,visibility .45s ease}.preloader.preloader-done{opacity:0;visibility:hidden;pointer-events:none}.preloader-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.preloader-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan);padding:.3rem .875rem;border:1px solid rgba(6,182,212,.3);border-radius:999px;background:#06b6d41a}.preloader-badge span{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);animation:dot-pulse 1.2s infinite}.preloader-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.preloader-progress-bar{width:128px;height:2px;background:#ffffff1a;border-radius:999px;overflow:hidden}.preloader-progress-fill{height:100%;width:0%;background:var(--gradient);border-radius:999px;animation:bar-fill .72s cubic-bezier(.4,0,.2,1) forwards}@keyframes bar-fill{to{width:100%}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#07090ebf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);z-index:200;transition:background .3s,border-color .3s,box-shadow .3s}.site-header.scrolled{background:#07090eeb;border-bottom-color:var(--border);box-shadow:0 4px 20px #0006}.navbar{display:flex;align-items:center;height:var(--nav-height);gap:1.5rem}.brand{display:flex;align-items:center;gap:.625rem;flex-shrink:0;text-decoration:none}.brand-badge{width:32px;height:32px;border-radius:8px;background:var(--gradient);color:#fff;font-weight:800;font-size:.7rem;letter-spacing:.05em;display:grid;place-items:center;flex-shrink:0}.brand-name{font-size:.9375rem;font-weight:700;color:#fff;letter-spacing:-.01em}.nav-links-desktop{display:flex;align-items:center;gap:.125rem;margin-left:auto}.nav-link{position:relative;padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--tr),background var(--tr);text-decoration:none}.nav-link:after{content:"";position:absolute;bottom:1px;left:.75rem;right:.75rem;height:1.5px;background:var(--accent-cyan);transform:scaleX(0);transform-origin:left;transition:transform var(--tr);border-radius:999px}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:var(--accent-cyan);font-weight:600}.nav-link.active:after{transform:scaleX(1)}.nav-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.btn-nav-resume{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;color:var(--accent-cyan);border:1.5px solid rgba(6,182,212,.35);border-radius:var(--radius-sm);background:#06b6d414;transition:background var(--tr),border-color var(--tr),color var(--tr);text-decoration:none;white-space:nowrap}.btn-nav-resume:hover{background:var(--accent);border-color:var(--accent);color:#fff}.menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#ffffff0f;color:#fff;border:1px solid var(--border);transition:background var(--tr)}.menu-toggle:hover{background:#ffffff1f}.mobile-drawer{position:fixed;top:var(--nav-height);left:0;right:0;background:#0b0f19f5;border-bottom:1px solid var(--border);padding:.75rem 1.5rem 1.5rem;transform:translateY(-8px);opacity:0;pointer-events:none;z-index:199;transition:transform .25s ease,opacity .25s ease;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-drawer.open{transform:translateY(0);opacity:1;pointer-events:all}.mobile-nav-link{display:flex;align-items:center;padding:.75rem 0;font-size:1rem;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border);transition:color var(--tr);text-decoration:none}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent-cyan)}.mobile-resume-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.625rem 1.125rem;font-size:.9375rem;font-weight:600;background:var(--accent);color:#fff;border-radius:var(--radius);text-decoration:none;width:100%;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:background var(--tr),color var(--tr),transform var(--tr),box-shadow var(--tr),border-color var(--tr);cursor:pointer;white-space:nowrap;font-family:var(--font-sans)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px #3b82f659}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 5px 20px #3b82f680}.btn-primary svg{transition:transform var(--tr)}.btn-primary:hover svg{transform:translate(2px,-2px)}.btn-secondary{background:#ffffff0d;color:#fff;border:1.5px solid var(--border-strong);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-ghost{color:var(--text-secondary);padding:.65rem .875rem}.btn-ghost:hover{color:#fff;background:#ffffff0f;border-radius:var(--radius-sm)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.custom-cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);pointer-events:none;z-index:9999;transform:translate(calc(var(--cursor-x,0px) - 3px),calc(var(--cursor-y,0px) - 3px));transition:width .2s,height .2s,background .2s}.custom-cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(6,182,212,.4);pointer-events:none;z-index:9998;transform:translate(calc(var(--cursor-x,0px) - 16px),calc(var(--cursor-y,0px) - 16px));display:grid;place-items:center;transition:width .25s,height .25s,border-color .25s,background .25s}.custom-cursor-text{font-size:.45rem;font-weight:700;letter-spacing:.1em;color:#fff;opacity:0;transition:opacity .2s;font-family:var(--font-mono);text-transform:uppercase}body.cursor-hover .custom-cursor-dot{background:var(--accent-cyan);transform:translate(calc(var(--cursor-x) - 3px),calc(var(--cursor-y) - 3px)) scale(1.5)}body.cursor-hover .custom-cursor-ring{width:40px;height:40px;border-color:var(--accent-cyan);transform:translate(calc(var(--cursor-x) - 20px),calc(var(--cursor-y) - 20px))}body.cursor-project .custom-cursor-ring{width:64px;height:64px;background:#06b6d41a;border-color:var(--accent-cyan);transform:translate(calc(var(--cursor-x) - 32px),calc(var(--cursor-y) - 32px))}body.cursor-project .custom-cursor-text{opacity:1}.magnetic{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .3s cubic-bezier(.4,0,.2,1)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);padding-bottom:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-240px;right:-180px;width:640px;height:640px;background:radial-gradient(circle at center,rgba(37,99,235,.05) 0%,transparent 68%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle at center,rgba(6,182,212,.04) 0%,transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;width:100%}.hero-avatar-row{display:inline-flex;align-items:center;gap:.875rem;margin-bottom:1.25rem;animation:fade-in-up .5s .05s both}.hero-avatar-frame{position:relative;width:52px;height:52px;border-radius:50%;padding:2px;background:var(--gradient);flex-shrink:0}.hero-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;display:block}.hero-avatar-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff;animation:glow-pulse 2s infinite}.hero-avatar-info{display:flex;flex-direction:column}.hero-avatar-name{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1.2}.hero-avatar-status{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.65rem;color:#16a34a;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hero-status-pulse{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--accent);letter-spacing:.08em;margin-bottom:1.125rem;animation:fade-in-up .5s .1s both}.hero-statement{font-size:clamp(.9rem,1.4vw,1rem);font-weight:500;color:var(--text-secondary);margin-bottom:.625rem;animation:fade-in-up .5s .17s both}.hero-name{font-size:clamp(2.75rem,5.5vw,4.25rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1.06;margin-bottom:.625rem;animation:fade-in-up .5s .24s both}.hero-name .gradient-name{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-size:clamp(1rem,1.8vw,1.1875rem);color:var(--text-secondary);font-weight:500;margin-bottom:1.375rem;letter-spacing:-.01em;animation:fade-in-up .5s .31s both}.hero-role .accent-text{color:var(--accent);font-weight:600}.hero-bio{font-size:1.0625rem;color:var(--text-secondary);line-height:1.72;max-width:490px;margin-bottom:2rem;animation:fade-in-up .5s .38s both}.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.75rem;animation:fade-in-up .5s .44s both}.hero-secondary-links{display:flex;align-items:center;gap:1.25rem;animation:fade-in-up .5s .5s both}.hero-secondary-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--tr)}.hero-secondary-link:hover{color:var(--text-primary)}.hero-secondary-link svg{transition:transform var(--tr)}.hero-secondary-link:hover svg{transform:translate(2px)}.hero-divider{display:inline-block;width:1px;height:14px;background:var(--border-strong);vertical-align:middle}.hero-flip-wrapper{perspective:1400px;width:100%;max-width:440px;margin:0 auto;animation:fade-in-up .6s .4s both}.hero-flip-card{position:relative;width:100%;height:525px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.34,1.2,.64,1);cursor:pointer;border-radius:var(--radius-xl);-webkit-user-select:none;user-select:none}.hero-flip-card.is-flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.flip-face:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient);z-index:5}.flip-face-front{transform:rotateY(0)}.flip-photo-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.flip-photo-img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;transition:transform var(--tr-slow)}.hero-flip-card:hover .flip-photo-img{transform:scale(1.02)}.flip-photo-top-bar{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;z-index:10}.flip-badge-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:#0f172abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.flip-badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:glow-pulse 2s infinite}.flip-action-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.12);border-radius:999px;color:var(--text-primary);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.03em;box-shadow:0 4px 14px #0f172a26;transition:transform var(--tr),background var(--tr),color var(--tr)}.flip-action-pill:hover{transform:scale(1.04);background:#fff;color:var(--accent)}.flip-photo-bottom-card{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:1.125rem 1.25rem;background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;gap:.2rem;z-index:10}.flip-photo-name{font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:#fff}.flip-photo-role{font-size:.8125rem;color:#fffc;font-weight:500}.flip-photo-hint{display:inline-flex;align-items:center;gap:.4rem;margin-top:.45rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.12);font-family:var(--font-mono);font-size:.6875rem;color:var(--accent-cyan);font-weight:600}.flip-face-back{transform:rotateY(180deg);padding:1.75rem;justify-content:space-between}.stack-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.125rem}.stack-card-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.stack-top-right{display:flex;align-items:center;gap:.5rem}.stack-live-pill{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#16a34a;background:#f0fdf4;border:1px solid #BBF7D0;padding:.2rem .6rem;border-radius:999px}.stack-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:glow-pulse 2s infinite}.stack-layers{display:flex;flex-direction:column;gap:.875rem}.stack-layer-row{display:flex;flex-direction:column;gap:.35rem}.stack-layer-key{font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.stack-pills{display:flex;flex-wrap:wrap;gap:.375rem}.stack-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-primary);background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;transition:border-color var(--tr),background var(--tr),color var(--tr)}.stack-pill:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.stack-pill-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0}.stack-sep{height:1px;background:var(--border)}.stack-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.stack-footer-key{font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.1em}.stack-footer-val{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent)}.credibility-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0d121ea6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:1;padding:0}.credibility-grid{display:grid;grid-template-columns:repeat(4,1fr)}.cred-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:2.25rem 1.5rem;text-align:center;position:relative;transition:background var(--tr)}.cred-item:hover{background:#ffffff08}.cred-item+.cred-item:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:var(--border)}.cred-number{font-size:2.375rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cred-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.build-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}.build-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000073;border-color:#06b6d466}.build-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--accent-light);display:grid;place-items:center;color:var(--accent-cyan);margin-bottom:1.125rem}.build-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.build-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1rem}.build-tags{display:flex;flex-wrap:wrap;gap:.35rem}.build-tag{font-size:.65rem;font-weight:600;color:var(--accent-cyan);background:#06b6d41a;padding:.175rem .5rem;border-radius:4px;font-family:var(--font-mono);letter-spacing:.04em}.projects-list{display:flex;flex-direction:column;gap:3.5rem}.project-editorial{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;padding:2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow var(--tr-slow),border-color var(--tr-slow),transform var(--tr-slow)}.project-editorial:hover{box-shadow:0 20px 48px #00000080;border-color:#06b6d466;transform:translateY(-2px)}.project-editorial.reverse{direction:rtl}.project-editorial.reverse>*{direction:ltr}.project-visual-zone{border-radius:var(--radius-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:transform var(--tr-slow)}.project-editorial:hover .project-visual-zone{transform:scale(1.015)}.project-visual-zone.requests{background:linear-gradient(135deg,#2563eb2e,#06b6d438);border:1px solid rgba(255,255,255,.06)}.project-visual-zone.polymers{background:linear-gradient(135deg,#06b6d42e,#10b98138);border:1px solid rgba(255,255,255,.06)}.project-visual-zone.academic{background:linear-gradient(135deg,#6366f12e,#3b82f638);border:1px solid rgba(255,255,255,.06)}.project-visual-monogram{font-size:5rem;font-weight:900;letter-spacing:-.06em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-mono);opacity:.55;-webkit-user-select:none;user-select:none}.project-info{display:flex;flex-direction:column}.project-num{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.12em;margin-bottom:.375rem;text-transform:uppercase}.project-cat{font-size:.7rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);margin-bottom:.5rem}.project-title{font-size:clamp(1.25rem,2.2vw,1.625rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2;margin-bottom:.875rem}.project-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.72;margin-bottom:1.125rem}.project-highlights{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.375rem}.proj-hi{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.proj-hi:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0;margin-top:.45em}.project-tech-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tech-badge{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border);padding:.25rem .6rem;border-radius:var(--radius-sm);font-family:var(--font-mono);transition:border-color var(--tr),color var(--tr),background var(--tr)}.tech-badge:hover{border-color:#06b6d466;color:var(--accent-cyan);background:#06b6d414}.project-actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.btn-case-study{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-primary);background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--tr),border-color var(--tr);cursor:pointer;font-family:var(--font-sans)}.btn-case-study:hover{background:#ffffff1f;border-color:var(--border-strong)}.btn-live-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--accent-cyan);background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-sm);transition:background var(--tr),border-color var(--tr);text-decoration:none}.btn-live-link:hover{background:#06b6d433;border-color:var(--accent-cyan)}.btn-github-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--tr),border-color var(--tr),color var(--tr);text-decoration:none}.btn-github-link:hover{background:#ffffff14;color:#fff;border-color:var(--border-strong)}.modal-overlay{position:fixed;inset:0;background:#04060ac7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-container{background:#0b101d;border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000b3}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-cat-tag{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);background:#06b6d41a;border:1px solid rgba(6,182,212,.25);padding:.2rem .6rem;border-radius:4px;margin-bottom:.375rem}.modal-hero-title{font-size:1.1875rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.modal-close-btn{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid var(--border);color:var(--text-secondary);display:grid;place-items:center;transition:background var(--tr),color var(--tr)}.modal-close-btn:hover{background:#ffffff1f;color:var(--text-primary)}.modal-scroll-area{overflow-y:auto;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem}.modal-section-block{padding:1.25rem;background:#ffffff0a;border-radius:var(--radius);border:1px solid var(--border)}.modal-section-block h4{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:.625rem}.modal-section-block p{font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.modal-feature-list{display:flex;flex-direction:column;gap:.5rem}.modal-feature-item{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;color:var(--text-secondary);line-height:1.55}.modal-feature-item svg{color:var(--accent-cyan);flex-shrink:0;margin-top:.1rem}.preloader-badge-sm{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);background:#06b6d41a;border:1px solid rgba(6,182,212,.25);padding:.2rem .6rem;border-radius:4px;margin-bottom:.375rem}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.highlight-item{padding:1.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--accent);transition:transform var(--tr),box-shadow var(--tr)}.highlight-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.highlight-icon{color:var(--accent);margin-bottom:.875rem}.highlight-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.highlight-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.65}.about-grid{display:grid;grid-template-columns:340px 1fr;gap:2.5rem;align-items:start}.about-photo-col{display:flex;flex-direction:column;gap:1.5rem}.about-photo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}.about-photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.about-photo-wrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--bg-alt)}.about-photo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--tr-slow)}.about-photo-card:hover .about-photo-img{transform:scale(1.03)}.about-photo-badge{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;padding:.5rem .75rem;background:#0f172ac7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:#fff;display:flex;align-items:center;justify-content:space-between}.about-photo-badge-name{font-size:.8125rem;font-weight:700;letter-spacing:-.01em}.about-photo-badge-loc{font-family:var(--font-mono);font-size:.65rem;color:#ffffffbf}.about-photo-details{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-top:1px solid var(--border)}.about-photo-meta-item{display:flex;flex-direction:column;gap:.15rem}.about-photo-meta-key{font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.about-photo-meta-val{font-size:.8125rem;font-weight:700;color:var(--text-primary)}.about-photo-sep{width:1px;height:24px;background:var(--border)}.about-text p{font-size:1.0625rem;color:var(--text-secondary);line-height:1.78;margin-bottom:1rem}.about-highlight-box{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem 1.5rem;background:#3b82f614;border:1px solid rgba(59,130,246,.22);border-radius:var(--radius);margin-top:1.5rem}.about-highlight-box p{font-size:.9375rem!important;color:var(--text-secondary);line-height:1.7;margin:0!important}.about-highlight-box svg{color:var(--accent-cyan);flex-shrink:0;margin-top:.1rem}.education-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;border-top:3px solid var(--accent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.education-degree{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.education-meta-list{display:flex;flex-direction:column;gap:0;margin-top:1rem}.meta-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.meta-row:last-child{border-bottom:none}.meta-row dt{color:var(--text-secondary)}.meta-row dd{font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.meta-row dd.highlight-grade{color:var(--accent-cyan);font-size:1rem}.skills-two-tier{display:flex;flex-direction:column;gap:3rem}.tier-heading{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);margin-bottom:1.375rem}.tier-heading:after{content:"";flex:1;height:1px;background:var(--border)}.core-stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}.core-skill-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.375rem 1.25rem;display:flex;align-items:flex-start;gap:.875rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}.core-skill-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073;border-color:#06b6d466}.skill-icon-wrap{width:38px;height:38px;border-radius:var(--radius);background:#06b6d41a;display:grid;place-items:center;color:var(--accent-cyan);flex-shrink:0}.core-skill-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.core-skill-desc{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem;line-height:1.5}.familiar-pills{display:flex;flex-wrap:wrap;gap:.625rem}.familiar-pill{display:inline-flex;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);transition:color var(--tr),border-color var(--tr),background var(--tr)}.familiar-pill:hover{color:var(--accent-cyan);border-color:#06b6d466;background:#06b6d41a}.exp-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.exp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;border-top:3px solid var(--accent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--tr),box-shadow var(--tr)}.exp-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073;border-color:#06b6d466}.exp-role{font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.25rem}.exp-org{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--accent-cyan);margin-bottom:.25rem}.exp-period{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);margin-bottom:1rem}.exp-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.exp-takeaways{display:flex;flex-direction:column;gap:.5rem}.exp-takeaway{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.exp-takeaway:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0;margin-top:.45em}.exp-quote-block{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;background:#06b6d414;border:1px solid rgba(6,182,212,.22);border-radius:var(--radius-lg)}.exp-quote-block blockquote{font-size:.9375rem;font-style:italic;color:var(--text-secondary);line-height:1.72}.exp-quote-block svg{color:var(--accent-cyan);flex-shrink:0;margin-top:.1rem}.hackathon-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;border-top:3px solid var(--accent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hackathon-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.625rem;flex-wrap:wrap}.hackathon-badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#06b6d41a;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.25);border-radius:999px}.hackathon-participants{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.hackathon-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.875rem}.stages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem;margin-bottom:1.5rem}.stage-box{padding:1.25rem;background:#ffffff08;border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--tr),transform var(--tr)}.stage-box:hover{border-color:#06b6d466;transform:translateY(-2px)}.stage-box.stage-final{border-color:#22c55e66;background:#22c55e14}.stage-num-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-cyan);margin-bottom:.5rem}.stage-num-label.green{color:#22c55e}.stage-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.stage-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.building-row{display:flex;flex-wrap:wrap;gap:.75rem}.building-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.9375rem;font-weight:600;color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color var(--tr),box-shadow var(--tr)}.building-chip:hover{border-color:var(--accent-cyan);box-shadow:0 0 16px #06b6d440}.building-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-cyan);animation:glow-pulse 2s infinite}.process-intro{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;max-width:560px;margin-bottom:3rem}.process-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative}.process-track:before{content:"";position:absolute;top:24px;left:24px;right:24px;height:1px;background:linear-gradient(to right,var(--accent),var(--accent-cyan));z-index:0}.process-step{display:flex;flex-direction:column;align-items:center;gap:.875rem;text-align:center;position:relative;z-index:1}.process-node{width:48px;height:48px;border-radius:50%;background:#0d121eeb;border:2px solid var(--border-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.06em;text-transform:uppercase;transition:border-color var(--tr),background var(--tr),box-shadow var(--tr);flex-shrink:0;box-shadow:var(--shadow-sm)}.process-step:hover .process-node{border-color:var(--accent-cyan);background:#06b6d426;box-shadow:0 0 0 4px #06b6d433}.process-label{font-size:.875rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.process-sub{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.contact-section{background:#05070d;color:#fff;position:relative;overflow:hidden;z-index:1}.contact-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.contact-inner{position:relative;z-index:1;text-align:center;max-width:620px;margin:0 auto;padding:var(--section-py) 0}.contact-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:1.25rem}.contact-headline{font-size:clamp(1.875rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1.1;margin-bottom:1rem}.contact-sub{font-size:1.0625rem;color:#f8fafc99;line-height:1.72;margin-bottom:2.5rem}.contact-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.btn-contact-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#07090e;font-weight:700;font-size:.9375rem;border-radius:var(--radius);text-decoration:none;transition:transform var(--tr),box-shadow var(--tr);box-shadow:0 2px 14px #00000059;font-family:var(--font-sans)}.btn-contact-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.btn-contact-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1.5px solid rgba(255,255,255,.18);color:#ffffffd9;font-weight:600;font-size:.9375rem;border-radius:var(--radius);text-decoration:none;transition:border-color var(--tr),color var(--tr),background var(--tr);font-family:var(--font-sans)}.btn-contact-secondary:hover{border-color:#ffffff80;color:#fff;background:#ffffff14}.contact-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:.8125rem;color:#f8fafc66;flex-wrap:wrap}.contact-meta a{color:#f8fafc66;font-family:var(--font-mono);transition:color var(--tr)}.contact-meta a:hover{color:#f8fafcd9}.site-footer{background:#030508;padding:2.25rem 0;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:1}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-brand-name{font-size:.9375rem;font-weight:700;color:#ffffffd1;letter-spacing:-.01em}.footer-brand-sub{font-size:.8125rem;color:#ffffff5c;margin-top:.125rem}.footer-links{display:flex;align-items:center;gap:1.25rem}.footer-links a{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;color:#fff6;text-decoration:none;transition:color var(--tr)}.footer-links a:hover{color:#fffc}.footer-copy{font-size:.75rem;color:#ffffff47;font-family:var(--font-mono)}@media(max-width:1024px){:root{--section-py:72px}.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-bio{max-width:100%}.hero-actions,.hero-secondary-links{justify-content:center}.hero-stack-card{max-width:480px;margin:0 auto}.credibility-grid{grid-template-columns:repeat(2,1fr)}.cred-item:nth-child(3):before{display:none}.build-grid{grid-template-columns:repeat(2,1fr)}.project-editorial{grid-template-columns:1fr;gap:2rem;padding:2rem}.project-editorial.reverse{direction:ltr}.highlights-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.about-photo-card{max-width:360px;margin:0 auto}.core-stack-grid{grid-template-columns:repeat(2,1fr)}.exp-cards-grid,.stages-grid,.process-track{grid-template-columns:1fr}.process-track:before{display:none}.process-step{flex-direction:row;text-align:left}.nav-links-desktop,.nav-right .btn-nav-resume{display:none}.menu-toggle{display:flex}}@media(max-width:768px){:root{--section-py:56px}.container{padding:0 1.25rem}.hero-name{font-size:2.5rem}.section-title{font-size:1.75rem}.credibility-grid{grid-template-columns:repeat(2,1fr)}.cred-item:nth-child(odd):before{display:none}.build-grid{grid-template-columns:1fr 1fr}.highlights-grid{grid-template-columns:repeat(2,1fr)}.core-stack-grid{grid-template-columns:1fr}.project-editorial{padding:1.5rem;gap:1.5rem}.project-visual-zone{aspect-ratio:16/9}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .btn{width:100%;max-width:300px;justify-content:center}.contact-actions{flex-direction:column;align-items:center}.btn-contact-primary,.btn-contact-secondary{width:100%;max-width:300px;justify-content:center}.footer-inner{flex-direction:column;text-align:center;gap:1rem}.footer-links{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.hero-name{font-size:2.125rem}.highlights-grid,.build-grid{grid-template-columns:1fr}}.scroll-progress-bar{position:absolute;top:0;left:0;height:2.5px;background:var(--gradient);z-index:210;transition:width .08s linear;box-shadow:0 0 8px #06b6d499}.btn-cmd-k{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--tr);cursor:pointer}.btn-cmd-k:hover{color:var(--accent-cyan);border-color:#06b6d466;background:#06b6d414}.cmd-palette-overlay{position:fixed;inset:0;background:#04060cbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:6rem 1.5rem 2rem;animation:fade-in-up .25s ease both}.cmd-palette-box{width:100%;max-width:580px;background:#090d17;border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 24px 64px #000000bf,0 0 0 1px #ffffff0f;overflow:hidden;display:flex;flex-direction:column}.cmd-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cmd-search-icon{color:var(--accent-cyan);flex-shrink:0}.cmd-input{flex:1;background:transparent;border:none;outline:none;font-size:.9375rem;color:#fff;font-family:var(--font-sans)}.cmd-input::placeholder{color:var(--text-tertiary)}.cmd-kbd{font-family:var(--font-mono);font-size:.625rem;color:var(--text-tertiary);background:#ffffff0f;border:1px solid var(--border);padding:.15rem .4rem;border-radius:4px}.cmd-list{max-height:340px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.cmd-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--tr)}.cmd-item.selected,.cmd-item:hover{background:#06b6d41a;border-left:2px solid var(--accent-cyan)}.cmd-item-left{display:flex;align-items:center;gap:.65rem}.cmd-icon-wrap{color:var(--accent-cyan);display:grid;place-items:center}.cmd-item-label{font-size:.875rem;font-weight:500;color:#fff}.cmd-item-right{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary)}.cmd-item-cat{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.cmd-empty{padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--text-tertiary)}.cmd-footer{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:#ffffff05;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono)}.cmd-footer kbd{background:#ffffff0f;padding:.1rem .35rem;border-radius:3px;color:var(--text-secondary)}.hero-building-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .75rem;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.28);border-radius:999px;margin-bottom:.875rem;width:fit-content}.hero-building-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:glow-pulse 1.8s infinite}.project-tilt-card{perspective:1000px;width:100%}.project-tilt-inner{position:relative;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;will-change:transform}.project-tilt-glow{position:absolute;inset:0;border-radius:var(--radius-xl);pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(6,182,212,.14),transparent 65%);opacity:0;transition:opacity .3s ease;z-index:2}.project-tilt-card:hover .project-tilt-glow{opacity:1}.arch-flow{display:flex;align-items:center;gap:.4rem;padding:.75rem .875rem;background:#ffffff06;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;flex-wrap:wrap}.arch-step{display:flex;flex-direction:column;gap:.15rem}.arch-step-tag{font-family:var(--font-mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan)}.arch-step-text{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1.2}.arch-arrow{color:var(--text-tertiary);font-size:.75rem;margin:0 .2rem;flex-shrink:0}.skills-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.skill-cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.35rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr)}.skill-cat-card:hover{transform:translateY(-2px);border-color:#06b6d466;box-shadow:0 12px 30px #00000073}.skill-cat-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.125rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.skill-cat-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:#06b6d41a;display:grid;place-items:center;color:var(--accent-cyan);flex-shrink:0}.skill-cat-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.skill-pills-wrap{display:flex;flex-wrap:wrap;gap:.45rem}.skill-pill-item{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono);transition:all var(--tr);cursor:default}.skill-pill-item:hover{color:var(--accent-cyan);border-color:#06b6d466;background:#06b6d41a;transform:translateY(-1px)}.skill-pill-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0}.proof-section{position:relative;z-index:1;padding:4rem 0;background:#0c111da6;border-top:1px solid var(--border);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.proof-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.proof-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--tr),border-color var(--tr),background var(--tr)}.proof-card:hover{transform:translateY(-2px);border-color:#06b6d459;background:#06b6d40d}.proof-number{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.04em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:.35rem}.proof-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--text-secondary);line-height:1.4;text-transform:uppercase;letter-spacing:.06em}.timeline-v-container{position:relative;padding-left:2rem;display:flex;flex-direction:column;gap:2.25rem}.timeline-v-container:before{content:"";position:absolute;top:10px;bottom:10px;left:7px;width:2px;background:linear-gradient(to bottom,var(--accent-cyan),var(--accent),rgba(255,255,255,.08))}.timeline-v-item{position:relative}.timeline-v-node{position:absolute;left:-2rem;top:1.25rem;width:16px;height:16px;border-radius:50%;background:#07090e;border:2px solid var(--accent-cyan);display:grid;place-items:center;box-shadow:0 0 10px #06b6d466}.timeline-v-node-inner{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan)}.dev-terminal-wrapper{max-width:820px;margin:0 auto}.dev-terminal{background:#060911;border:1px solid var(--border-strong);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff0d}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#ffffff08;border-bottom:1px solid var(--border)}.terminal-dots{display:flex;gap:.4rem}.terminal-dots .dot{width:10px;height:10px;border-radius:50%}.terminal-dots .dot.red{background:#ef4444}.terminal-dots .dot.yellow{background:#f59e0b}.terminal-dots .dot.green{background:#10b981}.terminal-title{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.terminal-copy-btn{color:var(--text-tertiary);padding:.2rem;border-radius:4px;transition:color var(--tr)}.terminal-copy-btn:hover{color:#fff}.terminal-tabs{display:flex;gap:.5rem;padding:.65rem 1.25rem;background:#ffffff04;border-bottom:1px solid var(--border);overflow-x:auto}.terminal-tab{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);padding:.25rem .65rem;border-radius:4px;background:#ffffff0a;border:1px solid transparent;transition:all var(--tr)}.terminal-tab.active{color:var(--accent-cyan);background:#06b6d41f;border-color:#06b6d44d;font-weight:600}.terminal-body{padding:1.5rem 1.75rem;font-family:var(--font-mono);font-size:.875rem;display:flex;flex-direction:column;gap:.65rem}.terminal-cmd-line{color:var(--accent-cyan);font-weight:600}.terminal-output{display:flex;flex-direction:column;gap:.35rem;color:#e2e8f0;line-height:1.6}.terminal-out-line{color:#cbd5e1}.terminal-cursor-line{display:flex;align-items:center;gap:.5rem;color:var(--accent-cyan);margin-top:.5rem}.terminal-blinking-cursor{width:8px;height:15px;background:var(--accent-cyan);animation:dot-pulse 1s infinite}@media(max-width:1024px){.proof-grid{grid-template-columns:repeat(3,1fr)}.skills-cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.proof-grid{grid-template-columns:repeat(2,1fr)}.skills-cat-grid{grid-template-columns:1fr}.cmd-palette-box{max-width:95%}.arch-flow{flex-direction:column;align-items:flex-start}.arch-arrow{display:none}}