:root{--bg: #05060a;--bg-soft: #080a11;--card: #0b0e17;--card-2: #0e1220;--border: #1a2030;--fg: #e8f0ff;--muted: #8b96b3;--cyan: #00e5ff;--cyan-dim: rgba(0, 229, 255, .12);--pink: #ff2d95;--green: #3dff9d;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Chakra Petch", "Inter", sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;font-size:1rem}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}::selection{background:var(--pink);color:#fff}::-webkit-scrollbar{width:10px;background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.container{max-width:72rem;margin-inline:auto;padding-inline:1.25rem}h1,h2,h3{font-family:var(--display);line-height:1.1;font-weight:700;letter-spacing:.01em;text-transform:uppercase}h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,3.6vw,2.1rem)}h3{font-size:1.05rem;letter-spacing:.04em}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;text-shadow:0 0 12px rgba(0,229,255,.6)}p{color:var(--muted)}section{padding-block:5rem;position:relative}.eyebrow{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;text-shadow:0 0 10px rgba(0,229,255,.5)}.eyebrow:before{content:"> ";color:var(--pink)}.eyebrow:after{content:"_";animation:blink 1.1s steps(1) infinite}.section-intro{max-width:34rem;margin-top:.75rem}.site-header{position:sticky;top:0;background:#05060acc;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5}.site-header nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;min-height:3.75rem;padding-block:.4rem}.brand{display:flex;align-items:center;gap:.6rem;color:var(--fg);white-space:nowrap;line-height:1.2}.brand strong{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.brand strong span{color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.55)}.brand small{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.brand:hover{text-decoration:none;text-shadow:none}.avatar{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;border:1px solid var(--cyan);box-shadow:0 0 12px #00e5ff59}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1.2rem}.nav-links a{font-family:var(--mono);color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem .1rem}.nav-links a:hover{color:var(--cyan);text-decoration:none}.nav-cta{display:flex;align-items:center;gap:.6rem}.pill-status{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green);border:1px solid rgba(61,255,157,.4);padding:.35rem .8rem;white-space:nowrap;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#3dff9d0f}.pill-status:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.35}}@keyframes blink{50%{opacity:0}}.btn{display:inline-block;font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#021016;background:linear-gradient(135deg,var(--cyan),#00a8c8);padding:.75rem 1.6rem;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .15s ease,filter .15s ease;box-shadow:0 0 24px #00e5ff59}.btn:hover{text-decoration:none;text-shadow:none;transform:translateY(-2px);filter:brightness(1.15)}.btn.ghost{background:#00e5ff0f;color:var(--cyan);box-shadow:inset 0 0 0 1px #00e5ff73}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-soft)}.hero:before{content:"";position:absolute;left:-30%;right:-30%;bottom:-12rem;height:34rem;background:repeating-linear-gradient(90deg,rgba(0,229,255,.22) 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,rgba(0,229,255,.22) 0 1px,transparent 1px 55px);transform:perspective(520px) rotateX(62deg);transform-origin:center top;animation:gridflow 2.6s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%);pointer-events:none}@keyframes gridflow{to{background-position:0 55px,0 55px}}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(30rem 20rem at var(--mx, 75%) var(--my, 20%),rgba(0,229,255,.1),transparent 60%),radial-gradient(26rem 18rem at 15% 90%,rgba(255,45,149,.08),transparent 60%)}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding-block:5.5rem}.hero h1 .grad{color:var(--cyan);text-shadow:0 0 18px rgba(0,229,255,.6)}.hero-tagline{max-width:34rem;margin-top:1.1rem;font-size:1.02rem}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.35rem .9rem;margin-bottom:1.4rem;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.badge:before{content:"[";color:var(--pink)}.badge:after{content:"]";color:var(--pink)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}.glitch:before{color:var(--pink);animation:glitch-a 6s infinite}.glitch:after{color:var(--cyan);animation:glitch-b 6s infinite}@keyframes glitch-a{0%,91%,to{opacity:0}92%{opacity:.8;transform:translate(-4px,2px);clip-path:inset(10% 0 55% 0)}94%{opacity:.8;transform:translate(3px,-1px);clip-path:inset(60% 0 12% 0)}96%{opacity:.8;transform:translate(-2px,1px);clip-path:inset(30% 0 40% 0)}97%{opacity:0}}@keyframes glitch-b{0%,91%,to{opacity:0}92%{opacity:.8;transform:translate(4px,-2px);clip-path:inset(50% 0 20% 0)}94%{opacity:.8;transform:translate(-3px,2px);clip-path:inset(8% 0 70% 0)}96%{opacity:.8;transform:translate(2px,-1px);clip-path:inset(72% 0 5% 0)}97%{opacity:0}}.code-window{background:#05080eeb;border:1px solid var(--border);overflow:hidden;box-shadow:0 24px 60px #0009,0 0 40px #00e5ff14,inset 0 0 0 1px #00e5ff0f;font-family:var(--mono);font-size:.78rem;line-height:1.7;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.code-window .bar{display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.code-window .dot{width:.65rem;height:.65rem;border-radius:50%}.code-window .bar .tab{margin-left:.6rem;font-size:.68rem;letter-spacing:.1em;color:var(--cyan);background:var(--cyan-dim);padding:.2rem .7rem}.code-window pre{margin:0;padding:1.1rem 1.25rem;overflow-x:auto;color:#b8c6e8}.code-window .line{display:block;white-space:pre;overflow:hidden;max-width:0;animation:typeline .9s steps(28,end) forwards}.code-window .line:nth-child(1){animation-delay:.3s}.code-window .line:nth-child(2){animation-delay:1.2s}.code-window .line:nth-child(3){animation-delay:2.1s}.code-window .line:nth-child(4){animation-delay:3s}.code-window .line:nth-child(5){animation-delay:3.9s}.code-window .line:nth-child(6){animation-delay:4.8s}@keyframes typeline{0%{max-width:0}to{max-width:100%}}.code-window .k{color:var(--pink)}.code-window .s{color:var(--green)}.code-window .c{color:#4a5573}.code-window .p{color:var(--cyan)}.caret{display:inline-block;width:.55em;height:1.1em;vertical-align:text-bottom;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:blink 1.1s steps(1) infinite}.ticker{border-block:1px solid var(--border);background:var(--bg-soft);overflow:hidden;padding-block:.65rem;position:relative}.ticker .track{display:flex;gap:2.5rem;width:max-content;animation:ticker 28s linear infinite;font-family:var(--mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.ticker .track span:before{content:"◆ ";color:var(--cyan)}@keyframes ticker{to{transform:translate(-50%)}}.ticker:hover .track{animation-play-state:paused}.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));margin-top:2rem}.card{position:relative;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:.55rem}.card:before,.card:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--cyan);opacity:.55;transition:opacity .2s ease,width .2s ease,height .2s ease;pointer-events:none}.card:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.card:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.card:hover:before,.card:hover:after{opacity:1;width:20px;height:20px}a.card{color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}a.card:hover{text-decoration:none;text-shadow:none;transform:translateY(-4px);border-color:#00e5ff80;box-shadow:0 10px 40px #00e5ff1f}.icon-chip{width:2.6rem;height:2.6rem;display:grid;place-items:center;background:var(--cyan-dim);border:1px solid rgba(0,229,255,.4);color:var(--cyan);margin-bottom:.4rem;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);filter:drop-shadow(0 0 6px rgba(0,229,255,.4))}.icon-chip svg{width:1.3rem;height:1.3rem}.card-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--pink);text-shadow:0 0 10px rgba(255,45,149,.5)}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.6rem}.tag{font-family:var(--mono);font-size:.68rem;color:var(--muted);background:var(--card-2);border:1px solid var(--border);padding:.16rem .6rem;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.ext{position:absolute;top:1.1rem;right:1.1rem;color:var(--muted)}a.card:hover .ext{color:var(--cyan)}.bento{display:grid;gap:1.1rem;grid-template-columns:repeat(6,1fr);margin-top:2rem}.bento .card{grid-column:span 3;background-image:radial-gradient(rgba(0,229,255,.09) 1px,transparent 1px),linear-gradient(180deg,var(--card-2),var(--card));background-size:20px 20px,cover}.bento .card:nth-child(1),.bento .card:nth-child(4){grid-column:span 4}.bento .card:nth-child(2),.bento .card:nth-child(3){grid-column:span 2}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;margin-top:2rem;align-items:start}.about-copy strong{color:var(--fg)}.profile-card{text-align:center}.profile-card h3{margin-top:.25rem}.about-photo{width:min(100%,15rem);aspect-ratio:4 / 5;height:auto;object-fit:cover;object-position:top;clip-path:polygon(0 24px,24px 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);margin-inline:auto;margin-bottom:.75rem;border:1px solid rgba(0,229,255,.35);filter:saturate(.9) contrast(1.05)}.timeline{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.timeline .card{padding:1rem 1.25rem;border-left:2px solid var(--cyan);gap:.15rem}.timeline .when{font-family:var(--mono);font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center;margin-top:.75rem}.stats b{display:block;font-family:var(--display);font-size:1.5rem;color:var(--cyan);text-shadow:0 0 14px rgba(0,229,255,.5)}.stats span{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2rem;align-items:start}.contact-cards{display:flex;flex-direction:column;gap:.8rem}.contact-card{flex-direction:row;align-items:center;gap:1rem;padding:1.1rem 1.3rem}.contact-card .icon-chip{margin-bottom:0;flex-shrink:0}.contact-card:hover{text-decoration:none}.contact-card .label{font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.contact-card .value{color:var(--fg);font-weight:600}.site-footer{border-top:1px solid var(--border);padding-block:2rem;font-size:.85rem}.site-footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.site-footer p{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em}.footer-links{display:flex;gap:1rem}.prose{max-width:44rem}.prose h2{font-size:1.25rem;margin-block:2rem .75rem}.prose p,.prose li{color:var(--muted);margin-block:.75rem}.prose ul{padding-left:1.25rem}.prose strong{color:var(--fg)}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none;filter:none}.code-window .line{max-width:100%}.glitch:before,.glitch:after{display:none}}@media(max-width:860px){.hero .container{grid-template-columns:1fr;padding-block:3.5rem}.about-grid,.contact-grid{grid-template-columns:1fr}.bento .card,.bento .card:nth-child(n){grid-column:span 6}section{padding-block:3.25rem}.nav-cta .btn{padding:.55rem 1.1rem}}