:root{--bg-primary: #000;--bg-secondary: #0a0a0a;--bg-card: #111;--bg-card-hover: #1a1a1a;--text-primary: #fff;--text-secondary: #9ca3af;--accent: #a78bfa;--accent-dim: rgba(167, 139, 250, .15);--border: #1f1f1f;--nav-bg: rgba(0, 0, 0, .8);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--max-width: 1100px;--section-padding: 100px 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;line-height:1.6;-webkit-user-select:none;user-select:none}#root{width:100%;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:var(--bg-primary)}.glass-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.glass-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.glass-card:hover{border-color:#a78bfa33;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #a78bfa0f}.section-heading{font-size:32px;font-weight:600;margin-bottom:48px;display:flex;align-items:center;gap:16px}.section-heading:before{content:"//";color:var(--accent);font-family:var(--font-mono);font-weight:400}.terminal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:999;padding:24px;transition:opacity .5s ease}.terminal--fade-out{opacity:0;pointer-events:none}.terminal__window{width:min(90vw,700px);height:min(60vh,420px);background:#1a1a2e;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.terminal__titlebar{background:#2d2d44;padding:10px 16px;display:flex;align-items:center;gap:12px}.terminal__buttons{display:flex;gap:8px}.terminal__btn{width:12px;height:12px;border-radius:50%}.terminal__btn--red{background:#ff5f57}.terminal__btn--yellow{background:#febc2e}.terminal__btn--green{background:#28c840}.terminal__title{color:#888;font-family:var(--font-mono);font-size:13px}.terminal__body{padding:20px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.terminal__body::-webkit-scrollbar{display:none}.terminal__line{font-family:var(--font-mono);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.terminal__line--command{color:var(--accent)}.terminal__line--output{color:#ccc}.terminal__cursor{animation:blink 1s step-end infinite;color:var(--accent);font-size:14px}.terminal__progress{display:flex;align-items:center;gap:8px;color:var(--accent);font-family:var(--font-mono);font-size:14px}.terminal__progress-bar{display:flex;align-items:center;width:220px}.terminal__progress-fill{display:inline-block;height:14px;background:var(--accent);transition:width .05s linear}.terminal__progress-pct{min-width:40px}.terminal__line--success{color:#4ade80}.terminal__line--error{color:#f87171}.terminal__pin-form{display:flex;align-items:center;font-family:var(--font-mono);font-size:14px;line-height:1.7}.terminal__pin-input{background:transparent;border:none;outline:none;color:var(--accent);font-family:var(--font-mono);font-size:14px;caret-color:var(--accent);width:200px;-webkit-text-security:disc;-webkit-user-select:text;user-select:text}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){.terminal__window{width:100%;max-height:80vh}.terminal__line{font-size:12px}.terminal__progress-bar{width:150px}}.navbar__svg-filters{position:absolute;width:0;height:0;overflow:hidden}.navbar{position:fixed;top:8px;left:50%;transform:translate(-50%);width:min(92vw,900px);z-index:100;height:48px;border-radius:16px}.navbar__glass{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backdrop-filter:blur(200px) saturate(160%);-webkit-backdrop-filter:blur(200px) saturate(160%);background:#08080cd9;border:1px solid rgba(255,255,255,.06);border-radius:16px}.navbar__specular{position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);border-radius:16px;pointer-events:none}.navbar:after{display:none}.navbar:before{display:none}.navbar__inner{position:relative;z-index:1;max-width:100%;margin:0 auto;padding:0 24px;height:48px;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:15px;font-weight:600;color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);letter-spacing:-.3px}.navbar__logo:hover{text-decoration:none;color:var(--accent)}.navbar__links{list-style:none;display:flex;gap:8px}.navbar__links a{color:var(--text-secondary);font-size:13px;padding:6px 14px;border-radius:10px;transition:all .25s ease}.navbar__links a:hover{color:var(--text-primary);background:#ffffff0f;text-decoration:none}.navbar__link--active{color:#fff!important;background:#a78bfa26!important;box-shadow:0 0 12px #a78bfa4d,inset 0 0 12px #a78bfa1a;text-shadow:0 0 10px rgba(167,139,250,.6),0 0 24px rgba(167,139,250,.3)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;position:relative;z-index:1}.navbar__hamburger span{display:block;width:20px;height:1.5px;background:var(--text-primary);transition:transform .3s,opacity .3s}.navbar__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.navbar__overlay{display:none}@media (max-width: 768px){.navbar{width:calc(100vw - 16px);top:8px}.navbar__hamburger{display:flex}.navbar__links{position:fixed;top:64px;left:8px;right:8px;bottom:auto;background:#0a0a0ad9;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.08);border-radius:16px;flex-direction:column;align-items:stretch;padding:8px;gap:2px;opacity:0;pointer-events:none;transition:opacity .2s;transform:none}.navbar__links--open{opacity:1;pointer-events:all}.navbar__links a{font-size:15px;padding:12px 16px;border-radius:10px;text-align:center}.navbar__links a:hover{background:#ffffff0f}.navbar__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(167,139,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero__content{max-width:var(--max-width);width:100%}.hero__greeting{font-family:var(--font-mono);color:var(--accent);font-size:16px;margin-bottom:16px}.hero__name{font-size:clamp(40px,8vw,72px);font-weight:700;letter-spacing:-2px;line-height:1.1;margin-bottom:8px}.hero__title{font-size:clamp(24px,5vw,48px);font-weight:300;color:var(--text-secondary);margin-bottom:24px}.hero__tagline{max-width:540px;color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:40px}.hero__buttons{display:flex;gap:16px;flex-wrap:wrap}.hero__cta{display:inline-block;padding:14px 32px;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:14px;border-radius:4px;transition:background .2s,color .2s}.hero__cta:hover{background:var(--accent-dim);text-decoration:none}.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hero__scroll-text{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.hero__scroll-line{width:1px;height:40px;background:var(--accent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(.5);opacity:.3}50%{transform:scaleY(1);opacity:1}}.about{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto}.about__content{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}.about__photo{width:220px;height:220px;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.about__photo:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.about__photo-placeholder{font-size:56px;font-weight:700;color:var(--accent);font-family:var(--font-mono);opacity:.2}.about__text{display:flex;flex-direction:column;gap:14px}.about__text p{color:var(--text-secondary);font-size:15px;line-height:1.8}.about__location{font-family:var(--font-mono);font-size:13px;color:var(--accent);opacity:.7}.about__links{display:flex;gap:12px;margin-top:4px}.about__links a{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);padding:6px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s}.about__links a:hover{color:var(--accent);border-color:#a78bfa4d;background:#a78bfa14;text-decoration:none}@media (max-width: 768px){.about__content{grid-template-columns:1fr;justify-items:center;text-align:center}.about__photo{width:160px;height:160px}.about__links{justify-content:center;flex-wrap:wrap}}.projects{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.projects__card{padding:28px;display:flex;flex-direction:column}.projects__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.projects__folder{font-size:24px;opacity:.6}.projects__card-links{display:flex;gap:8px}.projects__card-links a{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s}.projects__card-links a:hover{color:var(--accent);border-color:#a78bfa4d;background:#a78bfa14;text-decoration:none}.projects__title{font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-.2px}.projects__desc{color:var(--text-secondary);font-size:13px;line-height:1.7;flex-grow:1;margin-bottom:16px}.projects__tags{display:flex;flex-wrap:wrap;gap:6px}.projects__tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:#a78bfa14;padding:3px 10px;border-radius:8px}.projects__card--highlight{grid-column:1 / -1;border-color:#a78bfa26}.projects__card--highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(ellipse at 30% 0%,rgba(167,139,250,.04) 0%,transparent 60%);pointer-events:none}.projects__case-study-btn{margin-top:14px;padding:8px 20px;background:#a78bfa14;border:1px solid rgba(167,139,250,.2);color:var(--accent);font-family:var(--font-mono);font-size:12px;border-radius:10px;cursor:pointer;transition:all .2s;align-self:flex-start}.projects__case-study-btn:hover{background:#a78bfa26;border-color:#a78bfa66}@media (max-width: 768px){.projects__grid{grid-template-columns:1fr}}.ghgraph-section{padding:0 24px 60px;max-width:var(--max-width);margin:0 auto}.ghgraph{padding:24px;position:relative}.ghgraph__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ghgraph__username{font-family:var(--font-mono);font-size:13px;color:var(--accent);transition:opacity .2s}.ghgraph__username:hover{opacity:.8;text-decoration:none}.ghgraph__total{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);opacity:.6}.ghgraph__scroll{overflow-x:auto;scrollbar-width:none}.ghgraph__scroll::-webkit-scrollbar{display:none}.ghgraph__months{display:grid;grid-auto-columns:14px;grid-auto-flow:column;gap:3px;margin-bottom:6px}.ghgraph__month{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);opacity:.5}.ghgraph__grid{display:flex;gap:3px;position:relative}.ghgraph__week{display:flex;flex-direction:column;gap:3px}.ghgraph__cell{width:11px;height:11px;border-radius:3px;transition:outline .15s;cursor:pointer}.ghgraph__cell:hover{outline:1px solid rgba(255,255,255,.3);outline-offset:1px}.ghgraph__cell--0{background:#ffffff0a}.ghgraph__cell--1{background:#a78bfa40}.ghgraph__cell--2{background:#a78bfa73}.ghgraph__cell--3{background:#a78bfab3}.ghgraph__cell--4{background:#a78bfa}.ghgraph__tooltip{position:fixed;transform:translate(-50%,-100%);background:#14141cf2;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:50;box-shadow:0 4px 16px #0006}.ghgraph__legend{display:flex;align-items:center;gap:4px;margin-top:14px;justify-content:flex-end}.ghgraph__legend .ghgraph__cell{width:10px;height:10px;cursor:default}.ghgraph__legend .ghgraph__cell:hover{outline:none}.ghgraph__legend-label{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);opacity:.5;margin:0 4px}.ghgraph__loading{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);opacity:.5;text-align:center;padding:20px}.ghgraph__fallback{font-family:var(--font-mono);font-size:13px;display:block;text-align:center;padding:10px}@media (max-width: 768px){.ghgraph__header{flex-direction:column;align-items:flex-start;gap:4px}}.skills{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skills__category{padding:24px}.skills__category-name{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px}.skills__pills{display:flex;flex-wrap:wrap;gap:6px}.skills__pill{font-size:13px;color:var(--text-secondary);background:#ffffff08;padding:5px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .25s ease}.skills__pill:hover{border-color:#a78bfa40;color:var(--text-primary);background:#a78bfa0f}@media (max-width: 768px){.skills__grid{grid-template-columns:1fr}}.education{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto}.education__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.education__card{padding:28px}.education__year{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.5px}.education__degree{font-size:17px;font-weight:600;margin:8px 0 4px;letter-spacing:-.2px}.education__institution{font-size:13px;color:var(--text-secondary)}.education__detail{font-size:12px;color:var(--text-secondary);margin-top:10px;font-style:italic;opacity:.7}@media (max-width: 768px){.education__grid{grid-template-columns:1fr}}.contact{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto;padding-bottom:48px}.contact__text{color:var(--text-secondary);font-size:15px;line-height:1.8;max-width:540px}.contact__links{display:flex;gap:16px;margin-top:24px}.contact__link{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--text-secondary);padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s}.contact__link:hover{color:var(--accent);border-color:#a78bfa33;background:#a78bfa0a;text-decoration:none}.contact__link-label{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.contact__footer{text-align:center;margin-top:80px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);opacity:.5}@media (max-width: 768px){.contact__links{flex-direction:column}}.breach{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;animation:breachFadeIn .3s ease}@keyframes breachFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.breach__content{background:#0a0a0ef2;border:1px solid rgba(255,255,255,.06);border-radius:20px;max-width:720px;width:100%;height:min(90vh,640px);display:flex;flex-direction:column;position:relative;overflow:hidden}.breach__close{position:absolute;top:16px;right:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:20px;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.breach__close:hover{border-color:#a78bfa4d;color:var(--accent);background:#a78bfa14}.breach__body{padding:32px 40px;flex:1;overflow:hidden;animation:pageSlideIn .3s ease;display:flex;flex-direction:column}@keyframes pageSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.breach__page-indicator{display:flex;gap:6px;margin-bottom:24px}.breach__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;padding:0;transition:all .25s}.breach__dot--active{background:var(--accent);box-shadow:0 0 8px #a78bfa66;width:24px;border-radius:4px}.breach__intro{display:flex;flex-direction:column;justify-content:center;min-height:300px}.breach__title{font-size:28px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px}.breach__subtitle{color:var(--accent);font-family:var(--font-mono);font-size:12px;margin-bottom:24px;opacity:.8}.breach__tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px}.breach__tool{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:#a78bfa14;padding:3px 10px;border-radius:8px}.breach__start{align-self:flex-start;padding:10px 24px;background:#a78bfa14;border:1px solid rgba(167,139,250,.2);color:var(--accent);font-family:var(--font-mono);font-size:13px;border-radius:10px;cursor:pointer;transition:all .2s}.breach__start:hover{background:#a78bfa26;border-color:#a78bfa66}.breach__section-heading{font-size:18px;font-weight:600;margin-bottom:14px;letter-spacing:-.3px;flex-shrink:0}.breach__section-heading:before{content:"// ";color:var(--accent);font-family:var(--font-mono);font-weight:400;font-size:14px}.breach__section-body{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}.breach__section-text{color:var(--text-secondary);font-size:clamp(11px,1.5vh,14px);line-height:1.7}.breach__nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.breach__arrow{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.breach__arrow:hover:not(:disabled){border-color:#a78bfa4d;background:#a78bfa14;color:var(--accent)}.breach__arrow:disabled{opacity:.2;cursor:not-allowed}.breach__page-count{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);letter-spacing:1px}@media (max-width: 768px){.breach__body{padding:24px}.breach__nav{padding:14px 24px}.breach__title{font-size:22px;padding-right:40px}.breach__intro{min-height:240px}.breach__section-heading{font-size:17px}.breach__section-text{font-size:13px}}.portfolio{opacity:0;animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1}}