:root{--bg:#0d1117;--surface:#161b22;--surface2:#1c2128;--border:#30363d;--accent:#58a6ff;--accent2:#3fb950;--accent3:#d2a8ff;--accent4:#ffa657;--text:#e6edf3;--muted:#8b949e;--dim:#6e7681;--danger:#f85149}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,17,23,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px}.nav__brand{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent);letter-spacing:.05em}.nav__links{display:flex;gap:1.75rem;list-style:none}.nav__links a{color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:.03em;transition:color .2s}.nav__links a.active,.nav__links a:hover{color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 2rem 2rem;position:relative;overflow:hidden}.hero__glow{width:600px;height:600px;background:radial-gradient(circle,rgba(88,166,255,.08) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.hero__glow,.hero__grid{position:absolute;pointer-events:none}.hero__grid{inset:0;background-image:linear-gradient(rgba(48,54,61,.3) 1px,transparent 0),linear-gradient(90deg,rgba(48,54,61,.3) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent)}.hero__content{text-align:center;position:relative;z-index:1;max-width:820px}.hero__label{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;padding:.3rem .9rem;border:1px solid rgba(63,185,80,.3);border-radius:20px;background:rgba(63,185,80,.07)}.hero__h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.hero__h1 span{background:linear-gradient(135deg,var(--accent) 0,var(--accent3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.15rem;color:var(--muted);font-weight:400;margin-bottom:2rem}.hero__tags{gap:.5rem;margin-bottom:2.5rem}.hero__cta,.hero__tags{display:flex;flex-wrap:wrap;justify-content:center}.hero__cta{gap:1rem}.tag{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:.25rem .65rem;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--muted);letter-spacing:.04em}.tag--blue{color:var(--accent);border-color:rgba(88,166,255,.3);background:rgba(88,166,255,.07)}.tag--green{color:var(--accent2);border-color:rgba(63,185,80,.3);background:rgba(63,185,80,.07)}.tag--purple{color:var(--accent3);border-color:rgba(210,168,255,.3);background:rgba(210,168,255,.07)}.tag--orange{color:var(--accent4);border-color:rgba(255,166,87,.3);background:rgba(255,166,87,.07)}.chip{font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.2rem .55rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;font-family:Inter,sans-serif}.btn--primary{background:var(--accent);color:#0d1117}.btn--primary:hover{background:#79b8ff;transform:translateY(-1px)}.btn--secondary{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn--danger{background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.3);color:var(--danger)}.btn--danger:hover{background:rgba(248,81,73,.2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.section{max-width:900px;margin:0 auto;padding:5rem 2rem}.section__title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2.5rem;color:var(--text);padding-left:.85rem;border-left:3px solid var(--accent)}.section__divider{width:100%;height:1px;background:linear-gradient(90deg,var(--border),transparent);margin-bottom:2.5rem}.about__text{font-size:1.05rem;color:var(--muted);line-height:1.9;max-width:720px}.about__text strong{color:var(--text);font-weight:600}.stats-strip{display:flex;flex-wrap:wrap;gap:0;margin-top:2.25rem;border:1px solid var(--border);border-radius:10px;overflow:hidden}.stats-strip__item{flex:1 1;min-width:120px;padding:1rem 1.25rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.2rem}.stats-strip__item:last-child{border-right:none}.stats-strip__num{font-size:1.4rem;font-weight:700;color:var(--text);font-family:JetBrains Mono,monospace;line-height:1}.stats-strip__label{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.07em}@media (max-width:640px){.stats-strip__item{border-right:none;border-bottom:1px solid var(--border)}.stats-strip__item:last-child{border-bottom:none}}.exp-toggle{display:flex;align-items:center;gap:.75rem;background:none;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.83rem;font-family:Inter,sans-serif;padding:.7rem 1.1rem;cursor:pointer;transition:all .2s;width:100%;margin-top:.5rem}.exp-toggle:hover{border-color:var(--accent);color:var(--accent)}.exp-toggle__arrow{display:inline-block;transition:transform .25s ease;font-size:.7rem}.exp-toggle__arrow--open{transform:rotate(180deg)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:var(--accent);transform:translateY(-2px)}.skill-card__title{font-size:.68rem;font-family:JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.skill-card__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.skill-card__chips{display:flex;flex-wrap:wrap;gap:.4rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:8px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),var(--border),transparent)}.timeline-item{position:relative;margin-bottom:2.75rem}.timeline-item:before{content:"";position:absolute;left:-2.4rem;top:8px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 3px rgba(88,166,255,.2)}.timeline-item--dim:before{background:var(--border);box-shadow:none}.job-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.2rem}.job-company{font-size:1.05rem;font-weight:700;color:var(--text)}.job-period{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--accent);background:rgba(88,166,255,.1);border:1px solid rgba(88,166,255,.2);padding:.2rem .55rem;border-radius:4px;white-space:nowrap}.job-role{font-size:.88rem;font-weight:600;color:var(--accent3);margin-bottom:.1rem}.job-location{font-size:.78rem;color:var(--dim);margin-bottom:.85rem}.job-bullets{list-style:none;display:flex;flex-direction:column;gap:.4rem}.job-bullets li{font-size:.88rem;color:var(--muted);padding-left:1.1rem;position:relative;line-height:1.65}.job-bullets li:before{content:"▸";position:absolute;left:0;color:var(--accent2);font-size:.65rem;top:.35em}.job-bullets li strong{color:var(--text);font-weight:600}.earlier-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem}.earlier-box h4{font-size:.75rem;font-family:JetBrains Mono,monospace;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.earlier-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.earlier-list li{font-size:.83rem;color:var(--muted);padding-left:1rem;position:relative}.earlier-list li:before{content:"–";position:absolute;left:0;color:var(--dim)}.projects-grid{display:grid;grid-gap:1.25rem;gap:1.25rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent3))}.project-card--green:before{background:linear-gradient(90deg,var(--accent2),var(--accent))}.project-card--orange:before{background:linear-gradient(90deg,var(--accent4),var(--accent2))}.project-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.project-name{font-size:1.05rem;font-weight:700;color:var(--text)}.project-badge{font-family:JetBrains Mono,monospace;font-size:.68rem;padding:.2rem .6rem;border-radius:4px;background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.3);color:var(--accent2)}.project-desc{font-size:.87rem;color:var(--muted);line-height:1.7;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem}.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.edu-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .2s,transform .2s}.edu-card:hover{border-color:var(--accent3);transform:translateY(-2px)}.edu-degree{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.4rem;line-height:1.4}.edu-school{font-size:.8rem;color:var(--accent3);font-weight:500}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:.85rem;gap:.85rem}.cert-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.85rem;transition:border-color .2s,transform .2s}.cert-card:hover{border-color:var(--accent4);transform:translateY(-2px)}.cert-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.cert-title{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:.2rem}.cert-meta{font-size:.72rem;color:var(--dim);font-family:JetBrains Mono,monospace}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.85rem;transition:border-color .2s,transform .2s}.contact-card:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-icon{width:36px;height:36px;border-radius:8px;background:rgba(88,166,255,.1);border:1px solid rgba(88,166,255,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.contact-label{font-size:.68rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.contact-value{font-size:.85rem;color:var(--text);font-weight:500}.footer{text-align:center;padding:2rem;border-top:1px solid var(--border);color:var(--dim);font-size:.78rem;font-family:JetBrains Mono,monospace}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.pin-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.pin-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:380px;text-align:center}.pin-card__icon{font-size:2.5rem;margin-bottom:1rem}.pin-card__title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.pin-card__sub{font-size:.85rem;color:var(--muted);margin-bottom:2rem}.pin-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-size:1.5rem;letter-spacing:.4em;text-align:center;font-family:JetBrains Mono,monospace;outline:none;transition:border-color .2s;margin-bottom:1rem}.pin-input:focus{border-color:var(--accent)}.pin-error{color:var(--danger);font-size:.82rem;margin-bottom:.75rem}.studio{max-width:1100px;margin:0 auto;padding:80px 2rem 4rem}.studio__header{justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.studio__header,.studio__title{display:flex;align-items:center}.studio__title{font-size:1.5rem;font-weight:700;gap:.6rem}.studio__title span{background:linear-gradient(135deg,var(--accent),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio__subtitle{font-size:.85rem;color:var(--muted);margin-top:.2rem}.studio__grid{display:grid;grid-template-columns:380px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (max-width:800px){.studio__grid{grid-template-columns:1fr}}.studio__panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:-webkit-sticky;position:sticky;top:80px}.studio__panel-header{font-size:.72rem;font-family:JetBrains Mono,monospace;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.studio__jd,.studio__panel-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.studio__jd label{font-size:.78rem;color:var(--muted);font-weight:500;display:block;margin-bottom:.5rem}.studio__jd textarea{width:100%;min-height:140px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem;color:var(--text);font-size:.82rem;font-family:Inter,sans-serif;resize:vertical;outline:none;transition:border-color .2s;line-height:1.6}.studio__jd textarea:focus{border-color:var(--accent)}.prompt-list{padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.prompt-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .9rem;border-radius:8px;cursor:pointer;border:1px solid transparent;background:transparent;text-align:left;width:100%;transition:all .15s}.prompt-item:hover{background:var(--surface2);border-color:var(--border)}.prompt-item.selected{background:rgba(88,166,255,.08);border-color:rgba(88,166,255,.35)}.prompt-item__icon{font-size:1.1rem;flex-shrink:0;margin-top:.05rem}.prompt-item__body{flex:1 1;min-width:0}.prompt-item__title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.1rem}.prompt-item__subtitle{font-size:.72rem;color:var(--muted)}.prompt-item.selected .prompt-item__title{color:var(--accent)}.studio__jd-note{font-size:.7rem;color:var(--accent4);padding:.3rem 0;display:flex;align-items:center;gap:.3rem}.studio__generate{padding:1rem 1.25rem;border-top:1px solid var(--border)}.generate-btn{width:100%;padding:.85rem;background:var(--accent);color:#0d1117;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.generate-btn:hover:not(:disabled){background:#79b8ff}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.studio__output-area{display:flex;flex-direction:column;gap:1.5rem}.output-placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:4rem 2rem;text-align:center;color:var(--dim)}.output-placeholder__icon{font-size:2.5rem;margin-bottom:1rem}.output-placeholder p{font-size:.87rem;line-height:1.7}.output-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.output-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.output-card__title{font-size:.85rem;font-weight:600;color:var(--text)}.output-card__actions{display:flex;gap:.5rem;align-items:center}.cache-badge{font-family:JetBrains Mono,monospace;font-size:.65rem;padding:.2rem .55rem;border-radius:4px;letter-spacing:.04em}.cache-badge--cached{background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.3);color:var(--accent2)}.cache-badge--fresh{background:rgba(88,166,255,.1);border:1px solid rgba(88,166,255,.3);color:var(--accent)}.output-card__body{padding:1.5rem;overflow-x:auto}.output-content{font-size:.87rem;color:var(--muted);line-height:1.8;white-space:pre-wrap;font-family:Inter,sans-serif}.output-content h1,.output-content h2,.output-content h3{color:var(--text);margin:1.25rem 0 .5rem}.output-content h1{font-size:1.2rem}.output-content h2{font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}.output-content h3{font-size:.9rem;color:var(--accent3)}.output-content strong{color:var(--text);font-weight:600}.output-content ul{margin:.5rem 0 .75rem 1.5rem}.output-content li{margin-bottom:.3rem}.loading-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3rem 2rem;text-align:center}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:.85rem;color:var(--muted)}.cache-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cache-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cache-panel__title{font-size:.82rem;font-weight:600;color:var(--text)}.cache-list{padding:.5rem}.cache-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:6px;gap:.75rem}.cache-item:hover{background:var(--surface2)}.cache-item__info{flex:1 1;min-width:0}.cache-item__name{font-size:.8rem;font-weight:500;color:var(--text);margin-bottom:.1rem}.cache-item__meta{font-size:.7rem;color:var(--dim);font-family:JetBrains Mono,monospace}.cache-item__del{background:none;border:none;color:var(--dim);cursor:pointer;font-size:.9rem;padding:.2rem .4rem;border-radius:4px;transition:color .15s}.cache-item__del:hover{color:var(--danger)}.cache-empty{padding:1.5rem;text-align:center;color:var(--dim);font-size:.82rem}.error-banner{background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.3);border-radius:8px;padding:.85rem 1.1rem;color:var(--danger);font-size:.85rem;display:flex;align-items:flex-start;gap:.5rem}@media (max-width:640px){.nav{padding:0 1rem}.nav__links{gap:1rem}.nav__links li:nth-child(n+5){display:none}.section{padding:4rem 1.25rem}.hero{padding:70px 1.25rem 2rem}.studio{padding:80px 1rem 3rem}}