:root{font-family:SFMono-Regular,SF Mono,Cascadia Code,JetBrains Mono,Fira Code,Menlo,Consolas,monospace;line-height:1.5;font-weight:400;color:#e7e7e4;background:linear-gradient(180deg,#020202,#060606);--page-background: linear-gradient(180deg, #020202 0%, #060606 100%);--panel-background: rgba(10, 10, 10, .94);--panel-border: rgba(255, 255, 255, .1);--text-muted: #9b9b96;--text-primary: #e8e8e3;--accent-cyan: #9b9b96;--accent-green: #7dff98;--accent-green-soft: #b9ffc4;--soft-shadow: 0 26px 80px rgba(0, 0, 0, .34);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-background);color:var(--text-primary)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0,rgba(255,255,255,.008) 1px,transparent 2px,transparent 96px),linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%);opacity:.05}a{color:inherit}button,input,textarea,select{font:inherit}#root{isolation:isolate}.app-shell{min-height:100vh;padding:12px}.terminal-panel{position:relative;display:flex;min-height:calc(100vh - 24px);width:min(100%,1400px);margin:0 auto;flex-direction:column;overflow:hidden;border:1px solid var(--panel-border);border-radius:18px;background:linear-gradient(180deg,#ffffff04,#ffffff02),linear-gradient(180deg,#080808fa,#0a0a0af5);box-shadow:0 26px 80px #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:18px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);box-shadow:inset 0 0 80px #00000040;opacity:.5}.terminal-nav{display:flex;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff03;scrollbar-width:none}.terminal-nav::-webkit-scrollbar{display:none}.terminal-nav__link{display:inline-flex;align-items:center;justify-content:center;padding:18px 20px 17px;border-right:1px solid rgba(255,255,255,.045);color:var(--text-muted);letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,text-shadow .14s ease}.terminal-nav__link:hover{background:#ffffff07;color:var(--text-primary);box-shadow:inset 0 -2px #7dff9826;text-shadow:0 0 8px rgba(125,255,152,.1)}.terminal-nav__link:focus-visible,.terminal-link:focus-visible{outline:1px solid rgba(142,247,165,.55);outline-offset:-1px}.terminal-nav__link--active{background:#ffffff08;color:var(--accent-green);border-right-color:#7dff9814;box-shadow:inset 0 -1px #7dff9852;text-shadow:0 0 10px rgba(125,255,152,.18)}.terminal-panel__content{flex:1;display:flex;flex-direction:column;padding:46px 54px 54px}.terminal-view{position:relative;flex:1;display:flex;flex-direction:column}.terminal-copy{margin:0;color:var(--text-primary);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.7;white-space:pre-wrap}.terminal-copy--dim{color:var(--text-muted)}.terminal-prompt{color:var(--accent-green);text-shadow:0 0 12px rgba(125,255,152,.16)}.terminal-cursor{display:inline-block;width:.6ch;height:1.1em;margin-left:.45rem;transform:translateY(.15em);background:var(--accent-green);box-shadow:0 0 10px #7dff9873,0 0 18px #7dff9833;animation:terminal-blink 1s steps(1,end) infinite}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{display:flex;flex-direction:column;flex:1;animation:page-fade-in .25s ease both}.home-page{display:flex;flex:1;max-width:68rem;flex-direction:column;justify-content:flex-start;gap:1.35rem;padding-top:clamp(4rem,18vh,10rem);padding-bottom:clamp(1rem,4vh,3rem)}.home-command,.section-command{color:var(--text-muted);font-size:.98rem}.home-block{display:grid;gap:.75rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.home-block--visible{opacity:1;transform:translateY(0)}.home-title{margin:0;color:var(--text-primary);font-size:clamp(2.3rem,5vw,4rem);font-weight:500;letter-spacing:-.04em;line-height:1}.home-role{color:var(--accent-green);font-size:clamp(1rem,1.35vw,1.2rem);text-shadow:0 0 10px rgba(125,255,152,.12)}.home-summary{font-size:clamp(1.08rem,1.45vw,1.3rem)}.home-note{max-width:none;margin-top:.35rem}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.project-card{display:flex;flex-direction:column;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#ffffff05;text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.project-card:hover{border-color:#7dff982e;transform:translateY(-2px);box-shadow:0 4px 20px #7dff980f}.project-card__header{display:flex;justify-content:space-between;align-items:center}.project-title{color:var(--text-primary);font-size:1.06em}.project-card__arrow{color:var(--text-muted);transition:transform .18s ease,color .18s ease}.project-card:hover .project-card__arrow{transform:translate(4px);color:var(--accent-green)}.project-details{margin-top:.3rem;font-size:.92em}.project-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.project-badge{display:inline-block;padding:.15rem .6rem;border:1px solid rgba(125,255,152,.15);border-radius:999px;background:#7dff980d;color:var(--accent-green);font-size:.78rem;letter-spacing:.02em}.about-blocks{display:flex;flex-direction:column;gap:0}.about-blocks .section-command{margin:2rem 0 1.35rem}.about-blocks .section-command:first-child{margin-top:0}.code-line{display:block;padding-left:4ch;position:relative}.line-number{position:absolute;left:0;width:3ch;text-align:right;color:#ffffff2e;-webkit-user-select:none;user-select:none}.token-comment{color:#6a6a64;font-style:italic}.token-heading{color:var(--accent-green);font-weight:700;font-size:1.15em}.token-number{color:#f5c76e}.terminal-link{color:var(--accent-green);text-decoration:none;text-shadow:0 0 10px rgba(125,255,152,.12);transition:color .14s ease,text-shadow .14s ease}.terminal-link:hover{color:var(--accent-green-soft);text-decoration:underline;text-shadow:0 0 12px rgba(125,255,152,.2)}.section-command{margin:0 0 1.5rem;font-weight:400}.contact-page{max-width:46rem}.contact-intro{margin:-.1rem 0 1.35rem}.code-card,.contact-card{max-width:none;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#ffffff05;box-shadow:inset 0 1px #ffffff05}.code-card{padding:1.15rem 1.3rem}.code-card pre,.contact-card pre{margin:0;overflow-x:auto}.token-keyword{color:#d4d4cd}.token-variable,.token-property{color:var(--accent-green);text-shadow:0 0 10px rgba(125,255,152,.1)}.token-string{color:#ecece7}.token-punctuation{color:#b2b2ab}.contact-card{max-width:46rem;padding:1.1rem 1.25rem}.contact-list{display:grid;gap:.65rem}.contact-item{display:grid;grid-template-columns:minmax(6.5rem,7.5rem) minmax(0,1fr);gap:.75rem;align-items:center;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.04);border-radius:10px;background:#ffffff05;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.contact-item:hover{border-color:#7dff981f;background:#ffffff07;transform:translate(2px)}.contact-item__label{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}.contact-item__value{min-width:0;overflow-wrap:anywhere}.contact-item__icon{margin-left:.4rem;opacity:.3;transition:opacity .18s ease,transform .18s ease;display:inline-block}.contact-item:hover .contact-item__icon{opacity:1;transform:translate(2px);color:var(--accent-green)}@keyframes terminal-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:900px){.app-shell{padding:8px}.terminal-panel{min-height:calc(100vh - 16px)}.terminal-panel__content{padding:34px 24px 28px}.terminal-nav__link{padding:16px 18px 15px}}@media(max-width:560px){.app-shell{padding:6px}.terminal-panel{min-height:calc(100vh - 12px);border-radius:14px}.terminal-panel:after{border-radius:14px}.terminal-panel__content{padding:24px 18px 22px}.terminal-nav__link{padding:14px 16px}.project-grid{grid-template-columns:1fr}.section-command{margin-bottom:1rem}.contact-item{grid-template-columns:1fr;gap:.3rem}}