:root{--sidebar-width: 72px;--sidebar-offset: 16px;--content-padding-x: clamp(16px, 3vw, 40px);--content-padding-y: 32px;--text-left-padding: 10px;--bg-color: #ebeff1;--text-color: #0B1220;--muted-text: #1F2937;--border-color: #1F2937;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .06);--sidebar-bg: #9BCBE5;--sidebar-text: #0B1220;--sidebar-border: #1F2937;--nav-active-bg: #0B1220;--nav-active-text: #9BCBE5;--nav-active-shadow: none;--project-gradient: linear-gradient( 135deg, rgba(155, 203, 229, .45), rgba(127, 184, 214, .35) )}[data-theme=dark]{--bg-color: #1c1c22;--text-color: #ebeff1;--muted-text: #7FB8D6;--border-color: #7FB8D6;--card-bg: #0F172A;--shadow: rgba(0, 0, 0, .5);--sidebar-bg: #0B1220;--sidebar-text: #9BCBE5;--sidebar-border: #ebeff1;--nav-active-bg: #7FB8D6;--nav-active-text: #0B1220;--nav-active-shadow: 0 0 0 6px rgba(127, 184, 214, .35);--project-hover-gradient: linear-gradient( 90deg, rgba(127, 184, 214, .2), rgba(155, 203, 229, .08) )}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(rgba(11,18,32,.14) 1px,transparent 1px);background-size:20px 20px;color:var(--text-color);font-family:Courier Prime,monospace;line-height:1.7;transition:background-size .6s ease,background-position .6s ease}body[data-theme=dark]{background-image:radial-gradient(rgba(155,203,229,.25) 1px,transparent 1px),radial-gradient(rgba(155,203,229,.12) 1px,transparent 1px);background-size:20px 20px,40px 40px;background-position:0 0,10px 10px}.app-layout{display:flex}.floating-sidebar{position:fixed;left:var(--sidebar-offset);top:16px;bottom:16px;width:var(--sidebar-width)}.home-page{position:relative}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;color:var(--muted-text);opacity:.8;pointer-events:none}.main-content{flex:1;margin-left:calc(var(--sidebar-width) + var(--sidebar-offset) * 2);padding:var(--content-padding-y) var(--content-padding-x)}.section{padding-top:64px;padding-bottom:96px}@media(max-width:768px){.section{padding-top:48px;padding-bottom:72px}}h1,h2,h3,h4,h5,h6,p{padding-left:var(--text-left-padding)}h1,h2,h3,h4,h5,h6{font-weight:700;text-align:left}h1{font-size:3.2em;line-height:1.1}p{font-weight:400;margin-bottom:16px;max-width:65ch}.about-editorial p,.experience-content p{text-align:justify;text-justify:inter-word}a{color:var(--text-color);font-weight:500;text-decoration:underline;text-underline-offset:4px;padding-left:var(--text-left-padding)}a:hover{opacity:.75}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;background:transparent;color:var(--text-color);font-size:1em;font-family:inherit;font-weight:500;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}button:hover{opacity:.8}.project-card{position:relative;background:var(--card-bg);overflow:hidden}.project-card:before{content:"";position:absolute;inset:0;background:var(--project-gradient);opacity:0;transition:opacity .25s ease;pointer-events:none;border-radius:inherit}section,.project-card,.experience-content,.contact-wrapper,.home-page,.about-page{text-align:left}@media(max-width:768px){.floating-sidebar{display:none}.main-content{margin-left:0;padding-left:1px;padding-right:1px}section{justify-content:left;margin-left:0!important;padding-left:1px;padding-right:1px}}@media(hover:none){.project-card:before,.skills-card:before,.tech-bubbles:before{display:none}.icon-btn:after,.icon-btn:before{display:none}}@media(max-width:768px){.projects-grid,.experience-body,.skills-layout,.about-layout{grid-template-columns:1fr!important;display:block}}@media(max-width:768px){.about-photo-card{margin-top:2px;display:flex;justify-content:center}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.floating-sidebar{position:fixed;left:16px;top:16px;bottom:16px;width:72px;border-radius:16px;display:flex;flex-direction:column;align-items:center;padding:24px 0;z-index:1000;background:var(--sidebar-bg);color:var(--sidebar-text);border:1px solid var(--sidebar-border);box-shadow:0 8px 24px var(--shadow)}.nav-icons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.nav-icons a{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center}.icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--sidebar-border);background:transparent;color:var(--sidebar-text);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .15s ease}.nav-icons a:hover .icon{background:#ffffff26;transform:scale(1.05)}.nav-icons a.active .icon{background:var(--nav-active-bg);color:var(--nav-active-text);border-color:var(--nav-active-bg);box-shadow:var(--nav-active-shadow)}.label{position:absolute;left:56px;background:#111;color:#fff;padding:4px 8px;border-radius:6px;font-size:16px;white-space:nowrap;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-icons a:hover .label{opacity:1;transform:translate(0)}.theme-toggle{margin-top:auto;margin-bottom:12px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--sidebar-text)}.hs-icon{font-size:12px;font-weight:700;letter-spacing:.5px;font-family:Courier Prime,monospace;text-transform:uppercase;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.floating-sidebar{display:none!important}}.home-page{min-height:100vh;position:relative;display:flex;align-items:center}.home-page .terminal-block{font-size:15px;line-height:1.7;white-space:pre-wrap;max-width:900px}.home-page .terminal-line{margin:0;color:var(--text-color)}.home-page .terminal-cursor{animation:blink 1s step-end infinite}.terminal-line+.terminal-line{margin-top:4px}@keyframes blink{50%{opacity:0}}.home-scroll-cue{position:absolute;bottom:32px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;opacity:.6}.scroll-line{width:1px;height:24px;background-color:var(--text-color);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{opacity:.3;height:16px}50%{opacity:1;height:24px}to{opacity:.3;height:16px}}@media(max-width:768px){.terminal-block{font-size:14px}}.terminal-h1{font-size:56px;font-weight:700;margin:12px 0 8px;line-height:1.1;color:var(--text-color)}.terminal-h2{font-size:18px;font-weight:400;margin-top:12px;max-width:720px;color:var(--muted-text)}.terminal-prompt{color:var(--muted-text)}.terminal-command{color:#7fb8d6;font-weight:500}.about-page{padding-top:48px;margin-bottom:240px}.about-title{font-size:40px;font-weight:700;margin-bottom:32px}.about-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:64px;align-items:start}.about-editorial{max-width:900px}.about-editorial h2{margin-bottom:24px;text-align:left}.about-editorial p{margin-bottom:18px;text-align:justify}.about-heading{display:flex;align-items:center;gap:12px}.about-line{width:4px;height:32px;background-color:var(--border-color);opacity:.4}.about-photo-card{margin-top:130px;position:relative;width:100%;max-width:320px}.about-photo-card:before{padding-top:48px;content:"";position:absolute;inset:-10px 10px 10px -10px;border-radius:22px;border:1px solid var(--border-color);opacity:.35;pointer-events:none}.about-photo-frame{position:relative;overflow:hidden;border-radius:20px;background:var(--card-bg);box-shadow:0 12px 28px var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.about-photo-frame img{display:block;width:100%;height:auto;object-fit:cover;filter:saturate(.95) contrast(.98)}@media(hover:hover){.about-photo-frame:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 18px 42px #00000040}}[data-theme=dark] .about-photo-frame img{filter:brightness(.95) saturate(.9)}@media(max-width:900px){.about-layout{grid-template-columns:1fr;gap:40px}.about-photo{justify-content:flex-start}.about-photo img{max-width:260px}}.experience-wrapper{max-width:1300px;padding-top:48px;margin-bottom:240px}.experience-title{font-size:40px;font-weight:700;margin-bottom:32px}.experience-heading{display:flex;align-items:center;gap:12px}.experience-line{width:4px;height:32px;background-color:var(--border-color);opacity:.4}.experience-tabs{display:flex;gap:32px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin-bottom:32px}.experience-tabs::-webkit-scrollbar{display:none}.experience-tabs button{background:none;border:none;padding:0 0 6px;font-family:inherit;font-size:16px;font-weight:600;color:var(--muted-text);cursor:pointer;border-bottom:2px solid transparent}.experience-tabs button.active{color:var(--text-color);border-color:var(--border-color)}.experience-body{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:start}.experience-content{max-width:900px}.experience-content p{margin-bottom:18px;text-align:justify}.experience-role{font-weight:600;margin-bottom:20px}.experience-role span{font-weight:600;color:var(--muted-text)}.experience-tech-panel{display:flex;align-items:flex-start;padding-top:20px}.tech-bubbles{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:10px;padding:24px 28px;border-radius:20px;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 8px 24px var(--shadow);max-width:500px}.tech-bubbles:after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(155,203,229,.14),rgba(11,18,32,.75) 60%,rgba(11,18,32,.92) 80%);transition:opacity .25s ease}[data-theme=dark] .tech-bubbles:hover:after{opacity:1}.tech-bubbles>*{position:relative;z-index:1}.tech-bubbles span{padding:6px 12px;font-size:14px;border-radius:999px;background:transparent;border:1px solid var(--border-color);color:var(--text-color);white-space:nowrap}@media(max-width:900px){.experience-body{grid-template-columns:1fr}.experience-tech-panel{margin-top:24px}}.skills-wrapper{max-width:1300px;padding-top:48px;margin-bottom:240px}.skills-title{font-size:40px;font-weight:700;margin-bottom:32px}.skills-heading{display:flex;align-items:center;gap:12px}.skills-line{width:4px;height:32px;background-color:var(--border-color);opacity:.4}.skills-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:start}.skills-text{max-width:900px}.skills-copy{margin-bottom:18px;text-align:justify}.skills-card{margin-top:22px;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 6px 20px var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.skills-card:after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;border-radius:inherit;background:radial-gradient(520px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(155,203,229,.18),rgba(11,18,32,.7) 55%,rgba(11,18,32,.9) 75%);transition:opacity .25s ease}[data-theme=dark] .skills-card:hover:after{opacity:1}.skills-card:hover{transform:translateY(-2px)}.skills-card>*{position:relative;z-index:1}.skills-card p{font-size:14px;line-height:1.7;margin-bottom:16px;text-align:left}.skills-card p:last-child{margin-bottom:0}.skills-card strong{font-weight:600}@media(max-width:900px){.skills-layout{grid-template-columns:1fr}.skills-card{margin-top:24px}}.project-wrapper{padding-top:48px;margin-bottom:200px}.project-heading{display:flex;align-items:center;gap:16px}.project-line{width:4px;height:32px;background-color:var(--border-color);opacity:.4}.project-title{font-size:40px;font-weight:700}.project-subtitle{margin-top:12px;max-width:100ch;color:var(--muted-text)}.project-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;overflow:visible;z-index:3}.project-header h3{margin:0;font-size:16px;line-height:1.3}.projects-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.project-card{position:relative;border-radius:20px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 8px 28px var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:420px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(127,184,214,.25),transparent 40%);opacity:0;transition:opacity .2s ease;pointer-events:none}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-4px)}.project-points{margin-left:-20px;font-size:14px;margin-bottom:16px;padding-right:40px;text-align:justify}.project-points li{margin-left:20px;margin-top:2px;font-size:14px;padding-right:40px}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.project-meta span{font-size:11px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-color);color:var(--text-color);white-space:nowrap}.project-links{display:flex;gap:10px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);color:var(--text-color);opacity:.75;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.icon-btn:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);background:#0b1220;color:#9bcbe5;font-size:11px;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:9999}.icon-btn:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#0b1220 transparent transparent transparent;opacity:0;transition:opacity .15s ease;z-index:9999}.icon-btn:hover:after,.icon-btn:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.contact-wrapper{padding-top:48px;margin-bottom:200px}.contact-heading{display:flex;align-items:center;gap:16px}.contact-line{width:4px;height:32px;background-color:var(--border-color);opacity:.4}.contact-title{font-size:40px;font-weight:700}.contact-subtitle{margin-top:12px;max-width:80ch;color:var(--muted-text)}.contact-email{margin-top:32px;font-size:15px}.contact-email a{color:var(--text-color);text-decoration:none;border-bottom:1px dotted var(--border-color)}.contact-email a:hover{opacity:.85}.contact-bubbles{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.contact-bubbles a{padding:8px 14px;border-radius:999px;border:1px solid var(--border-color);font-size:13px;color:var(--text-color);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-bubbles a:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow)}.site-footer{margin-top:64px;padding:32px 0 24px;border-top:1px solid var(--border-color);color:var(--muted-text);font-size:12px}.footer-content{margin-left:calc(var(--sidebar-left-offset) + var(--sidebar-width) + var(--sidebar-gap));padding-left:10px;display:flex;justify-content:center;gap:8px;letter-spacing:.3px}.footer-content1{margin-left:calc(var(--sidebar-left-offset) + var(--sidebar-width) + var(--sidebar-gap));padding-left:10px;display:flex;justify-content:right;gap:8px;letter-spacing:.3px}.footer-separator{opacity:.6}