@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Press+Start+2P&display=swap";:root{font-family:DM Mono,monospace;color:#e8f4f1;background:#071017;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}main{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,#10313a 0,#071017 42%,#050b10)}.background,.grid,.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid{opacity:.14;background-image:linear-gradient(#65d5bc 1px,transparent 1px),linear-gradient(90deg,#65d5bc 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 75%);mask-image:linear-gradient(to bottom,#000 0%,transparent 75%)}.scanlines{opacity:.04;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#b9fff1 4px)}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16}.orb-one{width:300px;height:300px;background:#20bfa8;top:16%;right:8%}.orb-two{width:240px;height:240px;background:#9b6cff;bottom:-80px;left:25%}.float-pixel{position:absolute;width:5px;height:5px;background:#59dac2;box-shadow:0 0 12px #59dac2;opacity:.65;animation:drift 5s ease-in-out infinite}.pixel-0{left:8%;top:23%}.pixel-1{left:17%;top:72%;animation-delay:-2s}.pixel-2{left:31%;top:15%}.pixel-3{left:45%;top:82%;animation-delay:-1s}.pixel-4{right:11%;top:24%}.pixel-5{right:25%;top:74%;animation-delay:-3s}.pixel-6{right:42%;top:12%}.pixel-7{left:55%;top:59%}.pixel-8{left:3%;top:53%;animation-delay:-1s}.pixel-9{right:4%;top:64%}.pixel-10{left:26%;top:44%}.pixel-11{right:18%;top:10%;animation-delay:-2s}.pixel-12{left:63%;top:87%}.pixel-13{left:78%;top:52%}.pixel-14{right:48%;top:27%;animation-delay:-4s}.pixel-15{left:38%;top:32%}.pixel-16{left:89%;top:38%}.pixel-17{left:72%;top:14%}.pixel-18{left:12%;top:90%}.pixel-19{right:32%;top:91%}.pixel-20{left:49%;top:8%}.pixel-21{right:7%;top:86%}.background-code{position:absolute;color:#73d7c1;opacity:.13;font-size:11px;letter-spacing:2px}.code-one{left:4%;top:45%}.code-two{right:4%;top:18%}.code-three{right:7%;bottom:18%}.navbar{height:86px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-family:"Press Start 2P",cursive;font-size:11px}.brand-mark{color:#061217;background:#66e0c5;padding:11px 8px;box-shadow:4px 4px #185e5d}.brand-name{color:#e8f4f1}.accent{color:#66e0c5}.nav-links{display:flex;gap:26px;color:#9eb8b4;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.nav-links a{transition:color .2s}.nav-links a:hover{color:#69e0c5}.nav-index{color:#52726e;margin-right:6px;font-size:8px}.status-pill{border:1px solid #214944;padding:9px 12px;font-size:9px;color:#8ab7ad;text-transform:uppercase}.status-pill span,.blink-dot{display:inline-block;width:6px;height:6px;background:#6de4c6;margin-right:7px;box-shadow:0 0 8px #6de4c6;animation:blink 1.7s infinite}.menu-toggle{display:none}.hero{max-width:1240px;min-height:calc(100vh - 86px);margin:auto;padding:50px 32px 80px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:5%;position:relative;z-index:1}.hero-copy{padding-bottom:35px}.eyebrow{display:flex;align-items:center;gap:12px;color:#5bbdac;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}.eyebrow-line{width:34px;height:1px;background:#3f8278}h1{min-height:105px;margin:0;max-width:700px;font-family:"Press Start 2P",cursive;font-size:clamp(30px,4.15vw,58px);line-height:1.45;color:#f0fbf6;letter-spacing:-2px;text-shadow:4px 4px 0 #174c4c}.cursor{display:inline-block;width:.55em;height:.9em;background:#66e0c5;margin-left:8px;vertical-align:-5px;animation:blink .8s steps(1) infinite}.intro{max-width:625px;margin:24px 0 23px;color:#a5bab6;font-size:14px;line-height:1.9}.intro strong{color:#e4f4ee;font-weight:500}.tech-list{display:flex;gap:8px;flex-wrap:wrap;max-width:620px}.tech-list span{color:#79d8c4;font-size:10px;border:1px solid #225d58;padding:7px 9px;background:#0b2429}.cta-row{display:flex;gap:12px;margin-top:33px}.pixel-button{display:inline-flex;align-items:center;gap:9px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.3px;padding:14px 17px;transition:transform .2s,box-shadow .2s}.pixel-button:hover{transform:translate(-2px,-3px)}.primary{color:#061217;background:#66e0c5;box-shadow:4px 4px #1e6863}.primary:hover{box-shadow:6px 7px #1e6863,0 0 24px #3fbfa8}.secondary{border:1px solid #416e68;color:#bdede1;box-shadow:3px 3px #183d3e}.secondary:hover{border-color:#66e0c5}.scroll-cue{display:flex;align-items:center;gap:8px;color:#52736f;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:60px}.character-stage{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.stage-label{position:absolute;top:10px;right:7%;color:#6ea69c;font-size:9px;border:1px solid #204843;padding:8px 11px;background:#08181d}.stage-label span:last-child{color:#416c68;margin-left:18px}.character-halo{width:355px;height:355px;border-radius:50%;border:1px solid #2a8279;box-shadow:0 0 0 20px #0a272c,0 0 0 21px #1b514d,0 0 80px #38bfa6;opacity:.9}.character{position:absolute;width:230px;height:330px;bottom:75px;filter:drop-shadow(16px 17px 0 #0a2026);animation:float 4s ease-in-out infinite}.hair,.face,.body,.arm,.neck,.laptop,.laptop-base{position:absolute;image-rendering:pixelated}.hair{width:132px;height:110px;left:49px;top:17px;background:#382750;box-shadow:-10px 11px #382750,8px -7px #53396e,11px 13px #53396e}.face{width:98px;height:106px;left:65px;top:66px;background:#f1ad89;box-shadow:-9px 10px #db8d78,8px 10px #db8d78}.eye{position:absolute;width:10px;height:13px;top:45px;background:#17232d}.eye-left{left:22px}.eye-right{right:22px}.mouth{position:absolute;width:22px;height:5px;bottom:22px;left:39px;background:#af5963}.neck{width:32px;height:29px;left:98px;top:168px;background:#df967e}.body{width:150px;height:120px;left:40px;top:192px;background:#2c8c9b;box-shadow:-10px 10px #226a7c,10px 10px #226a7c}.shirt-logo{font-family:"Press Start 2P";color:#b4f2e5;font-size:21px;text-align:center;padding-top:45px;text-shadow:3px 3px #185a6a}.arm{width:31px;height:104px;top:200px;background:#e09a7c}.arm-left{left:17px;transform:rotate(11deg)}.arm-right{right:17px;transform:rotate(-11deg)}.laptop{left:31px;top:240px;width:169px;height:70px;z-index:2}.laptop-screen{width:129px;height:70px;margin:auto;background:#12323b;border:7px solid #93c9bd;box-shadow:4px 4px #245d60;color:#6ce0c4;font-family:"Press Start 2P";padding:18px 13px;font-size:15px}.laptop-base{width:177px;height:12px;bottom:-4px;background:#72a89f;left:-4px;transform:skew(-20deg)}.stage-floor{position:absolute;width:430px;height:16px;bottom:45px;border-bottom:2px solid #3d8178;background:repeating-linear-gradient(90deg,#234d4f 0 3px,transparent 3px 18px)}.code-card{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #285b58;background:#0b242a;color:#67d6c1;font-size:9px;z-index:2;box-shadow:4px 4px #07181d}.code-card span{color:#d1ede6}.code-card b{color:#ae8cf1;font-weight:400}.code-card-top{top:105px;left:0;transform:rotate(-4deg)}.code-card-bottom{bottom:109px;right:0;transform:rotate(3deg)}.pixel-spark{position:absolute;color:#be98fa;font-family:"Press Start 2P";animation:blink 2s infinite}.spark-a{right:11%;top:170px;font-size:19px}.spark-b{left:11%;bottom:170px;font-size:18px;color:#69dfc6;animation-delay:-.8s}.character-caption{position:absolute;bottom:20px;right:8%;color:#59817c;font-size:9px}.character-caption span{color:#72dfc7}.below-fold{max-width:1240px;margin:auto;padding:100px 32px 140px;position:relative;z-index:1}.section-kicker{color:#66d9c2;font-size:10px;letter-spacing:2px}.below-fold h2{font-family:"Press Start 2P";font-size:clamp(22px,3vw,40px);line-height:1.7;margin:23px 0}.below-fold h2 span{color:#66d9c5;text-shadow:3px 3px #153f43}.mini-stats{display:flex;gap:30px;color:#8ba8a2;font-size:11px}.mini-stats span,.footer-links a{display:flex;align-items:center;gap:7px}.skills-section{max-width:1240px;margin:auto;padding:20px 32px 150px;position:relative;z-index:1}.skills-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px;border-bottom:1px solid #1b4142;padding-bottom:24px}.skills-heading h2{margin:20px 0 0;font-family:"Press Start 2P";font-size:clamp(25px,3.6vw,47px);line-height:1.3}.skills-heading h2 .accent{color:#66e0c5;text-shadow:3px 3px #174c4c}.skills-heading>p{color:#9eb8b4;font-size:12px;line-height:1.8;text-align:right;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.skill-card{position:relative;min-height:270px;padding:22px 22px 19px;border:1px solid #214b4a;background:linear-gradient(135deg,#0d262bf0,#07151cf5);box-shadow:5px 5px #0b252b;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.skill-card:after{content:"";position:absolute;width:34px;height:34px;right:-1px;bottom:-1px;border-right:2px solid #66e0c5;border-bottom:2px solid #66e0c5;opacity:.45;transition:width .25s,height .25s}.skill-card:hover{transform:translateY(-6px);border-color:#5ed7c0;box-shadow:8px 9px #123e43,0 0 25px #40c0a921}.skill-card:hover:after{width:48px;height:48px}.skill-card:hover .skill-icon{color:#b7fff0;transform:scale(1.12) rotate(-5deg)}.skill-card:hover .skill-badges span{border-color:#3e9c8d;color:#b4eee1}.skill-card-top{display:flex;align-items:center;color:#58c9b3}.skill-number{color:#426f6b;font-size:9px;margin-right:17px}.skill-icon{transition:transform .25s,color .25s}.card-signal{margin-left:auto;color:#557d78;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.card-signal:first-letter{color:#69e0c5}.skill-card h3{margin:20px 0 9px;color:#e9f6f1;font-family:"Press Start 2P";font-size:13px;line-height:1.65}.skill-card>p{min-height:37px;margin:0 0 16px;color:#8ba8a2;font-size:11px;line-height:1.6}.skill-badges{display:flex;flex-wrap:wrap;gap:6px}.skill-badges span{padding:6px 8px;border:1px solid #275b58;color:#72cdbb;background:#0a2228;font-size:9px;transition:color .2s,border-color .2s,box-shadow .2s}.proficiency{display:flex;align-items:center;gap:9px;margin-top:19px;padding-top:13px;border-top:1px dashed #1e4445;color:#5f8881;font-size:8px;text-transform:uppercase}.proficiency-label{color:#426a67}.blocks{color:#65d9c0;letter-spacing:-2px;white-space:nowrap}.blocks i{color:#244e50;font-style:normal}.proficiency strong{margin-left:auto;color:#b18cf2;font-weight:400;white-space:nowrap}footer{position:relative;z-index:1;border-top:1px solid #163438;max-width:1240px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;color:#57746f;font-size:10px}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:#6ce0c4}@keyframes blink{50%{opacity:0}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes drift{50%{transform:translate(7px,-12px);opacity:.25}}@media(max-width:900px){.navbar{padding:0 22px}.nav-links{gap:12px;font-size:8px}.status-pill{display:none}.hero{padding:45px 22px 70px;gap:0}.character-stage{transform:scale(.86);margin:-25px 0 -30px}h1{font-size:clamp(27px,5vw,44px)}}@media(max-width:640px){.navbar{height:72px}.brand-name{font-size:9px}.menu-toggle{display:block;border:0;background:none;color:#77dcc6;padding:8px}.nav-links{display:none;position:absolute;top:66px;left:16px;right:16px;flex-direction:column;gap:0;padding:9px;border:1px solid #285b58;background:#08181d}.nav-links.open{display:flex}.nav-links a{padding:13px 10px;font-size:10px;border-bottom:1px solid #14383b}.nav-links a:last-child{border:0}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:15px 20px 60px}.character-stage{height:390px;transform:scale(.75);transform-origin:center top;margin:5px 0 -100px}.hero-copy{padding:0}.eyebrow{margin-bottom:20px;font-size:8px}h1{min-height:132px;font-size:28px;line-height:1.55;letter-spacing:-1px}.intro{font-size:12px;line-height:1.85}.tech-list span{font-size:9px;padding:6px 7px}.cta-row{flex-direction:column;margin-top:26px}.pixel-button{justify-content:center}.scroll-cue{margin-top:35px}.below-fold{padding:65px 20px 90px}.below-fold h2{font-size:20px}.mini-stats{flex-direction:column;gap:14px}.footer-links{gap:10px}.footer-links a{font-size:0}.footer-links svg{width:17px}.footer{padding:20px}}@media(max-width:640px){.skills-section{padding:10px 20px 90px}.skills-heading{display:block;margin-bottom:24px}.skills-heading>p{text-align:left;margin-top:16px;font-size:11px}.desktop-break{display:none}.skills-grid{grid-template-columns:1fr;gap:14px}.skill-card{min-height:0;padding:18px}.skill-card h3{font-size:11px}.proficiency{flex-wrap:wrap}.blocks{font-size:7px}.proficiency strong{margin-left:0}}.experience-section,.projects-section{max-width:1240px;margin:auto;padding:30px 32px 150px;position:relative;z-index:1}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:18px 0 40px}.section-title-row h2,.contact-copy h2{margin:0;font-family:"Press Start 2P";font-size:clamp(25px,3.6vw,47px);line-height:1.45}.section-title-row h2 .accent{color:#66e0c5}.section-title-row>p,.section-subtitle{margin:0;color:#9eb8b4;font-size:12px;line-height:1.8;text-align:right}.timeline{border-left:1px solid #2d7068;margin:20px 0 0 30px}.experience-item{display:grid;grid-template-columns:75px 1fr;position:relative;padding-bottom:64px}.timeline-marker{position:relative;left:-31px;color:#66e0c5;font-size:9px}.timeline-marker span{position:absolute;top:-4px;left:-28px}.timeline-marker i{display:block;width:13px;height:13px;background:#66e0c5;box-shadow:0 0 0 5px #123c3d,0 0 16px #66e0c5}.experience-content{border:1px solid #214b4a;padding:24px 27px;background:#081a20bf;box-shadow:5px 5px #0b252b}.experience-meta{color:#66d8c0;font-size:10px;text-transform:uppercase;letter-spacing:1px}.experience-meta b{color:#557a75;font-weight:400}.experience-content h3{margin:14px 0 9px;color:#edf9f4;font-family:"Press Start 2P";font-size:16px;line-height:1.6}.experience-content h3 span{color:#66e0c5}.experience-summary{color:#9eb8b4;font-size:12px;margin:0 0 17px}.experience-content ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px;margin:0 0 20px;padding:0;list-style:none;color:#9aafab;font-size:10px;line-height:1.65}.experience-content li:before{content:"›";color:#66e0c5;margin-right:7px}.experience-stack,.project-stack{display:flex;flex-wrap:wrap;gap:6px}.experience-stack span,.project-stack span{border:1px solid #275b58;color:#72cdbb;padding:6px 8px;font-size:9px}.journey-next{display:flex;align-items:center;gap:14px;margin:-28px 0 0 8px;color:#638a84;font-size:10px}.journey-next span{color:#66e0c5}.journey-next i{width:10px;height:10px;background:#a985ef}.journey-next b{color:#b18cf2;font-weight:400}.projects-section{padding-top:0}.project-filters{display:flex;gap:7px}.project-filters button{border:1px solid #285b58;background:#0b2429;color:#74aaa1;padding:9px 12px;font:10px DM Mono;cursor:pointer}.project-filters button:hover,.project-filters button.active{color:#071017;border-color:#66e0c5;background:#66e0c5}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{border:1px solid #214b4a;background:#091d25;box-shadow:5px 5px #0b252b;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-6px);border-color:#63d9c1;box-shadow:8px 9px #123e43,0 0 26px #40c0a921}.project-preview{height:147px;padding:16px;position:relative;overflow:hidden;background-color:#122f37;background-image:linear-gradient(#3f8c7e22 1px,transparent 1px),linear-gradient(90deg,#3f8c7e22 1px,transparent 1px);background-size:18px 18px}.preview-1,.preview-4{background-color:#27214b}.preview-2,.preview-5{background-color:#173b48}.preview-corner{color:#75cdb9;font-size:8px}.preview-window{position:absolute;width:68%;height:76px;left:16%;top:43px;border:2px solid #7ce0c8;background:#092027;padding:9px;box-shadow:7px 7px #091820}.preview-window span{color:#be8ff1;font-size:8px}.preview-window b{display:block;color:#dff8ef;margin-top:14px;font:11px "Press Start 2P"}.preview-window em{position:absolute;right:13px;bottom:10px;color:#6ce0c4;font-style:normal}.preview-pixels{position:absolute;right:18px;bottom:17px;color:#b18cf2;letter-spacing:5px}.project-body{padding:20px 21px 21px}.project-type{color:#b18cf2;font-size:8px;letter-spacing:1.2px}.project-body h3{margin:13px 0 10px;color:#edf9f4;font-family:"Press Start 2P";font-size:13px;line-height:1.65}.project-body>p{min-height:42px;margin:0 0 16px;color:#99b4ae;font-size:11px;line-height:1.65}.project-highlights{display:grid;gap:5px;margin-bottom:17px;color:#789d96;font-size:9px;line-height:1.5}.project-highlights span:first-letter{color:#66e0c5}.project-cta{display:inline-flex;align-items:center;gap:7px;margin-top:19px;color:#66e0c5;font-size:10px;text-transform:uppercase}.project-cta:hover{color:#d0fff2}.contact-section{max-width:1240px;margin:auto;padding:60px 32px 120px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.contact-copy h2{margin:22px 0 20px}.contact-copy h2 span{color:#66e0c5;text-shadow:3px 3px #174c4c}.contact-copy>p{color:#9eb8b4;font-size:13px}.contact-links{display:grid;gap:12px;margin-top:28px}.contact-links a,.social-links a{display:flex;align-items:center;gap:10px;width:fit-content;color:#c6eee4;font-size:11px}.contact-links a:hover,.social-links a:hover{color:#66e0c5}.social-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:19px;border-top:1px solid #1b4142}.social-links a{color:#789e97;font-size:10px}.terminal-card{border:1px solid #3d766e;background:#07151c;box-shadow:7px 7px #102f35}.terminal-top{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #275b58;color:#7dd4c1;font-size:10px}.terminal-top span:last-child{color:#4c7772}.terminal-screen{padding:24px;color:#77b5a8;font-size:11px;line-height:1.7}.terminal-screen p{margin:0}.terminal-screen p:nth-child(2){color:#c1e4dc}.terminal-screen b{color:#b18cf2;font-weight:400}.terminal-screen .pixel-button{margin-top:22px}@media(max-width:640px){.experience-section,.projects-section{padding:10px 20px 90px}.section-title-row{display:block}.section-title-row>p{text-align:left;margin-top:16px}.timeline{margin-left:22px}.experience-item{grid-template-columns:27px 1fr}.timeline-marker{left:-22px}.timeline-marker span{display:none}.experience-content{padding:19px 16px}.experience-content h3{font-size:12px}.experience-content ul{grid-template-columns:1fr}.project-filters{margin-top:23px;flex-wrap:wrap}.projects-grid{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:45px;padding:20px 20px 80px}.contact-copy h2{font-size:27px}.terminal-screen{padding:18px}}