*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f5f0;background:#050505;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}::selection{color:#000;background:#9cff00}body:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#fff1 1px,#0000 1px),linear-gradient(90deg,#fff1 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0}.section{width:min(1180px,100% - 40px);margin:auto}.green,.greenText{color:#9cff00}.nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808d9;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);height:62px;padding:0 18px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.brand{align-items:center;gap:9px;font-weight:800;display:flex}.brandMark{color:#9cff00;font-family:monospace}.links{color:#999;gap:28px;font-size:13px;display:flex}.links a:hover{color:#9cff00}.navBtn,.primary{color:#050505;background:#9cff00;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:13px;font-weight:800;display:inline-flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:850px;padding-top:170px;display:grid}.eyebrow{color:#9cff00;letter-spacing:2px;align-items:center;gap:9px;font:700 10px monospace;display:flex}.eyebrow i{background:#9cff00;border-radius:50%;width:7px;height:7px;box-shadow:0 0 18px #9cff00}.hero h1{letter-spacing:-7px;margin:22px 0;font-size:clamp(66px,9vw,118px);line-height:.84}.hero h1 span{color:#9cff00}.heroLead{color:#969696;max-width:590px;font-size:17px;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.secondary{border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:9px;padding:13px 17px;font-size:13px;font-weight:700;display:inline-flex}.miniTrust{color:#777;flex-wrap:wrap;gap:18px;margin-top:25px;font:11px monospace;display:flex}.miniTrust span{align-items:center;gap:5px;display:flex}.miniTrust svg{color:#9cff00}.codeVisual{position:relative}.codeWindow{background:#080808;border:1px solid #ffffff1d;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px #000}.codeTop{border-bottom:1px solid #ffffff13;align-items:center;gap:6px;height:48px;padding:0 15px;display:flex}.codeTop>span{background:#444;border-radius:50%;width:8px;height:8px}.codeTop b{color:#666;margin-left:10px;font:10px monospace}.codeTop small{color:#9cff00;margin-left:auto;font:9px monospace}.codeBody{min-height:310px;padding:25px 20px;font:13px/2 monospace}.line{grid-template-columns:30px 1fr;display:grid}.line em{color:#444;font-style:normal}.line code{color:#bbb}.purple{color:#d38cff}.cyan{color:#68d8ff}.orange{color:#ffad66}.yellow{color:#ffe36e}.cursor{color:#9cff00;animation:1s step-end infinite blink}.codeBottom{color:#555;border-top:1px solid #ffffff13;align-items:center;gap:20px;height:36px;padding:0 15px;font:9px monospace;display:flex}.floatBadge{color:#bbb;background:#0b0b0b;border:1px solid #9cff0035;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font:700 9px monospace;display:flex;position:absolute;box-shadow:0 15px 40px #000}.b1{top:-15px;right:-18px}.b2{bottom:30px;left:-25px}.b3{top:45%;right:-35px}.stats{border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;grid-template-columns:repeat(4,1fr);display:grid}.stats div{border-right:1px solid #ffffff17;flex-direction:column;justify-content:center;min-height:140px;padding:24px;display:flex}.stats div:last-child{border:0}.stats b{font-size:39px}.stats span{color:#777;margin-top:6px;font-size:11px}.stack,.work,.process{padding-top:150px}.sectionHead{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.sectionHead small{color:#9cff00;letter-spacing:2px;font:700 10px monospace}.sectionHead h2,.about h2,.contact h2{letter-spacing:-4px;margin:12px 0 0;font-size:clamp(43px,6vw,72px)}.sectionHead p{color:#777;max-width:340px;font-size:14px;line-height:1.65}.stackGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stackCard{background:#090909;border:1px solid #ffffff17;border-radius:15px;padding:25px;transition:all .25s}.stackCard:hover{border-color:#9cff0055;transform:translateY(-5px)}.stackCard svg{color:#9cff00}.stackCard h3{margin:35px 0 10px;font-size:20px}.stackCard p{color:#777;min-height:63px;font-size:13px;line-height:1.6}.stackCard div{flex-wrap:wrap;gap:5px;display:flex}.stackCard span,.tech span,.skills span{color:#777;border:1px solid #ffffff12;border-radius:7px;padding:6px 8px;font:9px monospace}.projectList{gap:10px;display:grid}.project{background:#080808;border:1px solid #ffffff17;border-radius:15px;grid-template-columns:70px 1fr 35px;align-items:center;gap:20px;padding:27px;transition:all .25s;display:grid}.project:hover{border-color:#9cff0055;transform:translate(5px)}.projectIcon{color:#9cff00;background:#9cff0014;border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.projectMain small{color:#555;letter-spacing:1px;font:700 9px monospace}.project h3{margin:8px 0;font-size:25px}.project p{color:#777;margin:0 0 14px;font-size:13px;line-height:1.6}.tech{flex-wrap:wrap;gap:6px;display:flex}.projectArrow{color:#555}.project:hover .projectArrow{color:#9cff00}.steps{border:1px solid #ffffff17;border-radius:15px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.steps>div{border-right:1px solid #ffffff17;min-height:210px;padding:28px}.steps>div:last-child{border:0}.steps b{color:#9cff00;font:700 11px monospace}.steps h3{margin-top:60px;font-size:20px}.steps p{color:#777;font-size:13px;line-height:1.6}.architecture{padding-top:90px}.archBox{background:#080808;border:1px solid #ffffff17;border-radius:18px;overflow:hidden}.archHead{color:#666;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;height:45px;padding:0 16px;font:9px monospace;display:flex}.archHead span:first-child{align-items:center;gap:7px;display:flex}.archHead b{color:#9cff00}.archFlow{justify-content:center;align-items:center;gap:20px;padding:45px 25px;display:flex}.archFlow>div{border:1px solid #ffffff17;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:145px;height:105px;display:flex}.archFlow svg{color:#9cff00}.archFlow b{font:700 11px monospace}.archFlow small{color:#555;font:9px monospace}.archFlow>svg{color:#555}.about{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:150px;display:grid}.terminal{background:#070707;border:1px solid #ffffff17;border-radius:16px;overflow:hidden}.termHead{border-bottom:1px solid #ffffff17;align-items:center;gap:6px;height:45px;padding:0 15px;display:flex}.termHead span{background:#444;border-radius:50%;width:8px;height:8px}.termHead b{color:#666;margin-left:12px;font:10px monospace}.termBody{padding:28px;font-family:monospace}.termBody p{color:#666}.termBody p i{color:#9cff00;font-style:normal}.termBody h3{margin:7px 0 23px}.online{color:#9cff00}.skills{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.skills span{align-items:center;gap:6px;font-size:10px;display:flex}.contact{padding:170px 0 130px}.contactBox{text-align:center;background:radial-gradient(circle at 50% 0,#9cff0010,#0000 55%),#080808;border:1px solid #9cff0028;border-radius:24px;padding:90px 25px}.contact h2{margin-bottom:10px}.contact p{color:#777;margin-bottom:30px}footer{color:#555;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:25px max(20px,50% - 590px);font-size:10px;display:flex}.social{gap:7px;display:flex}.social a{border:1px solid #ffffff17;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.social a:hover{color:#9cff00}@keyframes blink{50%{opacity:0}}@media (max-width:900px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:145px;padding-bottom:80px}.codeVisual{margin-top:20px}.stackGrid,.steps{grid-template-columns:repeat(2,1fr)}.steps>div:nth-child(2){border-right:0}.steps>div:nth-child(-n+2){border-bottom:1px solid #ffffff17}.about{grid-template-columns:1fr}.archFlow{flex-wrap:wrap}.archFlow>svg{transform:rotate(90deg)}}@media (max-width:560px){.nav{width:calc(100% - 18px);top:9px}.navBtn{padding:10px 11px;font-size:11px}.section{width:calc(100% - 28px)}.hero h1{letter-spacing:-4px;font-size:58px}.actions a{width:100%}.miniTrust{gap:10px}.floatBadge{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stats div{min-height:105px;padding:16px}.stats b{font-size:30px}.sectionHead{display:block}.sectionHead p{margin-top:20px}.stackGrid,.steps{grid-template-columns:1fr}.steps>div{border-bottom:1px solid #ffffff17;border-right:0!important}.steps>div:last-child{border-bottom:0}.project{grid-template-columns:50px 1fr}.projectArrow{display:none}.project h3{font-size:20px}.archFlow{gap:10px}.archFlow>div{width:125px}.archFlow>svg{display:none}.contact{padding-top:110px}footer{text-align:center;flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}