*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.block{display:block}.resize{resize:both}:root{--bg:#0b0f0e;--bg-2:#0f1512;--bg-3:#131a18;--border:#00ffb314;--border-hi:#00ffb338;--accent:#00ffb3;--accent-dim:#00c489;--text:#e6fff6;--text-2:#8abba8;--text-3:#4d7a68;--nav-h:56px;--container-pad:clamp(14px, 4vw, 24px);--ff-sans:"Segoe UI", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--ff-mono:"SF Mono", "Cascadia Code", "Fira Code", "Consolas", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;max-width:100%;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--ff-sans);width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00ffb30f 1px,#0000 1px),linear-gradient(90deg,#00ffb30f 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.container{width:100%;min-width:0;max-width:960px;padding:0 var(--container-pad);z-index:1;margin:0 auto;position:relative}section{padding:clamp(48px,8vw,96px) 0}.label{font-family:var(--ff-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px}.divider{background:var(--border);z-index:1;height:1px;position:relative}nav{height:var(--nav-h);z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#0b0f0ee0;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:960px;padding:0 var(--container-pad);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.nav-logo{font-family:var(--ff-mono);letter-spacing:.1em;color:var(--accent);flex-shrink:0;font-size:13px;font-weight:700}.nav-links{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);gap:32px;font-size:12px;display:flex}.nav-links a:hover{color:var(--accent);transition:color .2s}.nav-status{font-family:var(--ff-mono);color:var(--text-3);flex-shrink:0;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.nav-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-menu-btn span{background:var(--text-2);width:22px;height:2px;transition:all .2s;display:block}.nav-drawer{top:var(--nav-h);border-bottom:1px solid var(--border);z-index:99;padding:16px var(--container-pad);max-height:calc(100svh - var(--nav-h));background:#0b0f0ef7;flex-direction:column;gap:0;display:none;position:fixed;left:0;right:0;overflow-y:auto}.nav-drawer.open{display:flex}.nav-drawer a{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border-bottom:1px solid var(--border);padding:14px 0;font-size:13px}.nav-drawer a:last-child{border-bottom:none}.nav-drawer a:hover{color:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#hero{min-height:100svh;padding-top:var(--nav-h);align-items:center;display:flex;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 80% at 75% 45%,#00ffb312 0%,#00ffb308 40%,#0000 72%);width:65%;height:100%;position:absolute;top:0;right:0}.hero-image-layer{pointer-events:none;z-index:1;background:0 0;width:70%;height:100%;position:absolute;top:0;right:0;overflow:visible}.hero-image-layer img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 15%;object-position:50% 15%;filter:hue-rotate(118deg)saturate(1.3)brightness(.82);mix-blend-mode:screen;opacity:.76;width:100%;height:100%;-webkit-mask-image:radial-gradient(82% 88% at 60% 44%,#000 0% 35%,#000c 52%,#00000059 66%,#0000 84%);mask-image:radial-gradient(82% 88% at 60% 44%,#000 0% 35%,#000c 52%,#00000059 66%,#0000 84%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-image-layer:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000006 3px 4px);position:absolute;inset:0}#hero .container{z-index:3;padding-top:48px;padding-bottom:48px;position:relative}.hero-content{max-width:500px;position:relative}.hero-content:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(95% 90% at 8%,#0b0f0e8c 0%,#0b0f0e33 55%,#0000 100%);position:absolute;inset:-40px -60px -40px -32px}.hero-meta{font-family:var(--ff-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:20px;font-size:11px}.hero-name{letter-spacing:-.03em;color:var(--text);margin-bottom:10px;font-size:clamp(40px,7.5vw,76px);font-weight:700;line-height:1}.hero-name span{color:var(--accent)}.hero-role{font-family:var(--ff-mono);color:var(--text-2);letter-spacing:.05em;margin-bottom:24px;font-size:clamp(12px,1.8vw,15px)}.hero-desc{color:var(--text-2);max-width:460px;margin-bottom:36px;font-size:15px;line-height:1.8}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.btn{font-family:var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-hi);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;padding:12px 24px;font-size:12px;transition:all .2s}.btn:hover{border-color:var(--accent);background:#00ffb317;box-shadow:0 0 18px #00ffb329}.btn-ghost{color:var(--text-2);border-color:var(--border)}.btn-ghost:hover{color:var(--text);background:var(--bg-3);border-color:var(--border-hi)}.hero-stats{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;width:fit-content;max-width:100%;display:grid}.stat{background:var(--bg);min-width:100px;padding:18px 22px}.stat-n{font-family:var(--ff-mono);color:var(--accent);font-size:22px;font-weight:700;line-height:1.2;display:block}.stat-l{color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:10px}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about-left h2{letter-spacing:-.02em;color:var(--text);margin-bottom:20px;font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.2}.about-left h2 em{color:var(--accent);font-style:normal}.about-left p{color:var(--text-2);margin-bottom:14px;font-size:15px;line-height:1.8}.about-right{flex-direction:column;gap:4px;display:flex}.tag-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{font-family:var(--ff-mono);border:1px solid var(--border);color:var(--text-2);letter-spacing:.06em;background:var(--bg-2);padding:5px 10px;font-size:11px;transition:all .15s}.tag:hover{border-color:var(--border-hi);color:var(--accent);background:var(--bg-3)}.about-right-label{font-family:var(--ff-mono);color:var(--text-3);letter-spacing:.15em;text-transform:uppercase;margin-top:12px;margin-bottom:6px;font-size:10px}#systems{background:var(--bg-2)}.systems-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;display:grid}.system-card{background:var(--bg-2);padding:28px 24px;transition:background .2s}.system-card:hover{background:var(--bg-3)}.system-icon{font-family:var(--ff-mono);color:var(--accent);letter-spacing:.15em;margin-bottom:14px;font-size:11px}.system-title{color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:15px;font-weight:600}.system-desc{color:var(--text-2);font-size:13px;line-height:1.7}.system-tags{flex-wrap:wrap;gap:5px;margin-top:16px;display:flex}.system-tag{font-family:var(--ff-mono);color:var(--text-3);border:1px solid var(--border);letter-spacing:.06em;padding:3px 7px;font-size:10px}.projects-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:40px;display:grid}.project-card{background:var(--bg);padding:28px 24px;transition:background .2s;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--accent);width:2px;height:0;transition:height .3s;position:absolute;top:0;left:0}.project-card:hover:before{height:100%}.project-card:hover{background:var(--bg-3)}.project-num{font-family:var(--ff-mono);color:var(--text-3);letter-spacing:.1em;margin-bottom:16px;font-size:11px}.project-title{color:var(--text);letter-spacing:-.01em;overflow-wrap:anywhere;margin-bottom:8px;font-size:17px;font-weight:600}.project-desc{color:var(--text-2);overflow-wrap:anywhere;margin-bottom:20px;font-size:13px;line-height:1.7}.project-links{flex-wrap:wrap;gap:16px;display:flex}.project-link{font-family:var(--ff-mono);color:var(--accent-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;transition:color .15s}.project-link:hover{color:var(--accent)}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:0;padding-bottom:18px;display:flex}.section-header>div{min-width:0}.section-header h2{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(24px,3.5vw,34px);font-weight:700}.section-num{font-family:var(--ff-mono);color:var(--text-3);letter-spacing:.15em;font-size:11px}#terminal-section{background:var(--bg)}.terminal{border:1px solid var(--border-hi);background:#070c0b;margin-top:40px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:8px;padding:12px 16px;display:flex}.t-dot{border-radius:50%;width:12px;height:12px}.t-red{background:#ff5f57}.t-yellow{background:#ffbd2e}.t-green{background:#28c840}.terminal-title{font-family:var(--ff-mono);color:var(--text-3);letter-spacing:.08em;margin-left:8px;font-size:11px}.terminal-body{font-family:var(--ff-mono);white-space:pre-wrap;word-break:break-word;min-height:300px;padding:24px 28px;font-size:13px;line-height:2;overflow-x:auto}.t-line{align-items:baseline;gap:10px;display:flex}.t-prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.t-cmd{color:var(--text)}.t-out{color:var(--text-2);padding-left:22px}.t-out.accent{color:var(--accent)}.t-out.dim{color:var(--text-3)}.t-blank{height:6px}.t-cursor{background:var(--accent);vertical-align:middle;width:8px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#contact{background:var(--bg-2)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;margin-top:40px;display:grid}.contact-left h2{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(24px,3.5vw,34px);font-weight:700;line-height:1.25}.contact-left h2 span{color:var(--accent)}.contact-left p{color:var(--text-2);font-size:14px;line-height:1.75}.contact-links{flex-direction:column;gap:4px;display:flex}.contact-link{border:1px solid var(--border);background:var(--bg);align-items:flex-start;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.contact-link:hover{background:var(--bg-3);box-shadow:inset 3px 0 0 var(--accent);border-color:#00ffb352}.cl-icon{font-family:var(--ff-mono);color:var(--accent);letter-spacing:.1em;flex-shrink:0;width:56px;font-size:10px}.cl-text{color:var(--text);overflow-wrap:anywhere;min-width:0;font-size:13px}.cl-arrow{color:var(--text-3);flex-shrink:0;margin-left:auto;font-size:13px;transition:transform .2s,color .2s}.contact-link:hover .cl-arrow{color:var(--accent);transform:translate(4px)}footer{border-top:1px solid var(--border);z-index:1;padding:24px 0;position:relative}.footer-inner{max-width:960px;padding:0 var(--container-pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex}.footer-logo{font-family:var(--ff-mono);color:var(--text-3);letter-spacing:.1em;font-size:12px}.footer-copy{font-family:var(--ff-mono);color:var(--text-3);font-size:11px}@media (max-width:960px){.nav-links{gap:20px}.about-grid{gap:40px}}@media (max-width:900px){.nav-status{display:none}}@media (max-width:768px){.nav-links,.nav-status{display:none}.nav-menu-btn{display:flex}.hero-image-layer{opacity:.38;width:100%}.hero-image-layer img{-o-object-position:62% 16%;object-position:62% 16%;-webkit-mask-image:radial-gradient(65% 65% at 68% 42%,#000 0% 28%,#00000073 52%,#0000 76%);mask-image:radial-gradient(65% 65% at 68% 42%,#000 0% 28%,#00000073 52%,#0000 76%)}.hero-content{max-width:100%}.hero-content:before{display:none}#hero .container{padding-top:32px;padding-bottom:32px}.hero-desc,.hero-stats{width:100%;max-width:100%}.stat{padding:16px 18px}.about-grid,.systems-grid,.projects-grid,.contact-grid{grid-template-columns:1fr}.about-grid,.contact-grid{gap:36px}.project-links{gap:12px}.project-link{word-break:break-word}.terminal-body{min-height:240px;padding:18px 20px;font-size:12px}}@media (max-width:560px){.hero-name{font-size:clamp(36px,11vw,52px)}.hero-image-layer{opacity:.28}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.stat{min-width:unset;padding:14px 16px}.stat-n{font-size:18px}.nav-logo{font-size:12px}.hero-meta{letter-spacing:.14em}.contact-link{padding:14px}.cl-text{font-size:12px}}@media (max-width:400px){.hero-stats{grid-template-columns:1fr}.stat{padding:12px 14px}.hero-cta{flex-direction:column}.btn{text-align:center;width:100%}.terminal-body{padding:14px;font-size:11px}.cl-icon{width:44px}.footer-inner{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:360px){.hero-meta{letter-spacing:.1em;font-size:10px}.project-link,.section-num{font-size:10px}.system-card,.project-card,.terminal-bar,.contact-link{padding-left:12px;padding-right:12px}}@media (max-height:700px){#hero .container{padding-top:18px;padding-bottom:18px}.hero-cta,.hero-desc{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}