@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#08101d}body{margin:0;font-family:Space Grotesk,sans-serif;background:#08101d}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;background:radial-gradient(circle at 72% 7%,rgba(94,69,190,.2),transparent 27rem),radial-gradient(circle at 5% 35%,rgba(0,221,207,.09),transparent 25rem),#08101d}.site-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(82,120,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,120,151,.08) 1px,transparent 1px);background-size:42px 42px}.scanlines{pointer-events:none;position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;opacity:.12;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#b0eaff 4px);mix-blend-mode:overlay}.brand{font:700 1.35rem DM Mono,monospace;letter-spacing:-.1em}.brand span{color:#50f5d8;animation:blink 1s step-end infinite}.nav-link{transition:color .2s}.nav-link:hover{color:#65eeda}.status-pill{border:1px solid #2d5364;background:#092430a6;padding:.55rem .7rem;color:#8deede;font:500 .58rem DM Mono,monospace;letter-spacing:.06em}.status-pill i{display:inline-block;width:6px;height:6px;margin-right:6px;background:#65eeda;border-radius:100%;box-shadow:0 0 8px #65eeda}.eyebrow,.terminal-title{color:#64e9dc;font:500 .68rem DM Mono,monospace;letter-spacing:.14em}.blink{animation:blink 1s step-end infinite}.hero-title{font-size:clamp(3.2rem,8vw,6.6rem);font-weight:700;line-height:.88;letter-spacing:-.075em}.hero-title em,.contact-panel em{color:#b8a2ff;font-style:normal;text-shadow:3px 3px 0 #3e2786}.pixel-button{display:inline-flex;align-items:center;gap:.65rem;background:#58ead2;color:#07151f;padding:.95rem 1.1rem;font:700 .68rem DM Mono,monospace;letter-spacing:.06em;box-shadow:5px 5px #2d5790;transition:transform .15s,box-shadow .15s}.pixel-button:hover{transform:translate(3px,3px);box-shadow:2px 2px #2d5790}.text-button{align-self:center;font:600 .72rem DM Mono,monospace;letter-spacing:.08em;color:#a8b4ca;transition:color .2s}.text-button:hover{color:#fff}.hero-console{border:1px solid #456074;background:#102137;box-shadow:11px 11px #212f54cc,0 0 60px #6e4ad829;transform:rotate(2deg)}.console-top{display:flex;justify-content:space-between;padding:.65rem .8rem;border-bottom:1px solid #456074;font:500 .62rem DM Mono,monospace;color:#6ee9dc}.portrait-wrap{position:relative;aspect-ratio:1.07;overflow:hidden;background:#b7a2ff}.portrait-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.15) grayscale(1)}.target-ring{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px dashed rgba(34,80,97,.75);border-radius:50%;animation:spin 22s linear infinite}.target-ring:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1px solid rgba(34,80,97,.5);border-radius:50%}.console-body{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.console-body p,.xp-bar,.console-body small{margin:0;font:500 .55rem DM Mono,monospace;letter-spacing:.09em;color:#859bb0}.console-body strong{display:block;margin-top:.35rem;font-size:.67rem;color:#e1ebf5}.xp-bar{grid-column:span 2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}.xp-bar b{height:7px;padding:1px;border:1px solid #456074}.xp-bar i{display:block;width:82%;height:100%;background:#5ce9d3;box-shadow:0 0 9px #5ce9d3}.section-wrap{max-width:72rem;margin:0 auto;padding:5rem 1.25rem}.section-title{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.055em;line-height:.95}.terminal-card,.info-card,.skill-card,.education-card,.timeline-content{border:1px solid #273f54;background:#0c1c2dcc}.terminal-card{box-shadow:7px 7px #182d4a}.info-card{display:flex;gap:1rem;padding:1.35rem;transition:transform .2s,border-color .2s}.info-card:hover,.skill-card:hover{transform:translateY(-4px);border-color:#58ead2}.info-card>svg{flex:none;font-size:1.5rem;color:#5de9d4}.info-card h3{margin:0 0 .3rem;font:700 .76rem DM Mono,monospace;letter-spacing:.08em}.info-card p{margin:0;color:#98a8ba;font-size:.86rem;line-height:1.4}.skill-card{position:relative;min-height:146px;padding:1.25rem;overflow:hidden;transition:transform .2s,border-color .2s}.skill-card:after{content:"";position:absolute;right:-1rem;bottom:-1.3rem;width:4.5rem;height:4.5rem;border:1px solid currentColor;opacity:.18;transform:rotate(45deg)}.skill-card h3{margin:.75rem 0 .2rem;font-size:1.08rem}.skill-card p{margin:0;color:#8fa0b4;font-size:.82rem}.skill-dot{display:block;width:.6rem;height:.6rem;background:currentColor;box-shadow:0 0 11px currentColor}.skill-level{position:absolute;bottom:1rem;font:500 .55rem DM Mono,monospace;letter-spacing:.1em}.skill-cyan{color:#62eadb}.skill-violet{color:#b9a4ff}.skill-orange{color:#f6af77}.skill-lime{color:#b6e86e}.project-card{position:relative;overflow:hidden;min-height:380px;padding:2rem;border:1px solid #3a5470;display:flex;flex-direction:column;justify-content:flex-end;background:#132b45}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:linear-gradient(135deg,transparent 50%,rgba(65,234,213,.22))}.project-tribufu{background:linear-gradient(135deg,#122d48,#241d5b)}.project-hantri{background:linear-gradient(135deg,#132d44,#25493e)}.project-number{position:absolute;top:1rem;right:1.4rem;font:700 6rem DM Mono,monospace;color:#ffffff0f}.project-card>*{position:relative}.project-card h3{margin:.8rem 0;font-size:clamp(1.9rem,4vw,2.8rem);line-height:.93;letter-spacing:-.06em}.project-card>p:not(.eyebrow){max-width:27rem;color:#d0d9e8;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.5rem}.project-tags span,.tag{border:1px solid rgba(187,214,235,.28);padding:.3rem .45rem;color:#c2e4e0;font:500 .57rem DM Mono,monospace;letter-spacing:.06em}.project-card a{display:flex;align-items:center;gap:.5rem;width:-moz-max-content;width:max-content;color:#66efdb;font:700 .67rem DM Mono,monospace;letter-spacing:.06em}.timeline{margin-left:.4rem;border-left:1px solid #31506a}.timeline-item{position:relative;padding:0 0 2rem 2rem}.timeline-dot{position:absolute;left:-.38rem;top:.1rem;width:.72rem;height:.72rem;border:2px solid #08101d;background:#5be9d4;box-shadow:0 0 9px #5be9d4}.timeline-period{margin:0 0 .55rem;color:#6cebd9;font:500 .65rem DM Mono,monospace;letter-spacing:.1em}.timeline-content{padding:1.25rem 1.35rem}.company{margin:0;color:#a79aeb;font:600 .72rem DM Mono,monospace;letter-spacing:.08em}.timeline-content h3{margin:.3rem 0 .65rem;font-size:1.35rem}.timeline-content>p:not(.company){margin:0 0 1rem;color:#aab7c5;line-height:1.55}.timeline-content div{display:flex;flex-wrap:wrap;gap:.4rem}.education-card{padding:1.35rem}.education-card svg{color:#b9a4ff;font-size:1.45rem}.education-card p{margin:1.1rem 0 .3rem;color:#6be8d7;font:500 .64rem DM Mono,monospace}.education-card h3{margin:0 0 .55rem;font-size:1.2rem}.education-card span{color:#95a7ba;font-size:.86rem;line-height:1.5}.contact-panel{position:relative;padding:2rem;overflow:hidden;border:1px solid #4b426f;background:linear-gradient(120deg,#1b1d45,#102a3d);box-shadow:8px 8px #231b55}.contact-panel:after{content:"//";position:absolute;right:1rem;bottom:-3.5rem;color:#9d89ff24;font:700 15rem DM Mono,monospace}.contact-panel>*{position:relative;z-index:1}.contact-panel h2{margin:1rem 0;font-size:clamp(2.6rem,6vw,5rem);line-height:.88;letter-spacing:-.07em}.contact-panel>p:not(.eyebrow){max-width:35rem;color:#bdc9dc;line-height:1.7}.contact-panel .pixel-button{margin-top:1.2rem}.social-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.3rem}.social-grid a{display:flex;align-items:center;gap:.45rem;border:1px solid rgba(211,221,255,.25);padding:.55rem .7rem;background:#040e1e40;font:500 .65rem DM Mono,monospace;transition:background .2s,border-color .2s}.social-grid a:hover{background:#5be9d4;color:#091526;border-color:#5be9d4}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:640px){.section-wrap{padding-left:2rem;padding-right:2rem}.contact-panel{padding:3.5rem}}.code-rain{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;font:500 11px DM Mono,monospace;color:#5cecd342;text-shadow:0 0 8px rgba(92,236,211,.65)}.code-rain span{position:absolute;top:-3rem;animation:codefall 12s linear infinite}.code-rain span:nth-child(1){left:4%;animation-delay:-2s}.code-rain span:nth-child(2){left:15%;animation-delay:-9s}.code-rain span:nth-child(3){left:27%;animation-delay:-6s}.code-rain span:nth-child(4){left:39%;animation-delay:-11s}.code-rain span:nth-child(5){left:52%;animation-delay:-1s}.code-rain span:nth-child(6){left:63%;animation-delay:-7s}.code-rain span:nth-child(7){left:74%;animation-delay:-4s}.code-rain span:nth-child(8){left:82%;animation-delay:-10s}.code-rain span:nth-child(9){left:91%;animation-delay:-5s}.code-rain span:nth-child(10){left:97%;animation-delay:-8s}.hero-title{font-size:clamp(2.55rem,6vw,4.8rem)!important;line-height:.94!important;letter-spacing:-.055em!important}.section-title{font-size:clamp(1.8rem,3.4vw,2.65rem)!important;letter-spacing:-.04em!important}.section-wrap{max-width:68rem!important;padding-top:3.75rem!important;padding-bottom:3.75rem!important}.hero-console{max-width:320px!important;transform:rotate(1deg)!important;box-shadow:7px 7px #212f54e6,0 0 32px #6e4ad829!important}.portrait-wrap{width:100%!important;height:300px!important;max-height:none!important;aspect-ratio:auto!important}.portrait-wrap img{-o-object-position:center!important;object-position:center!important;display:block;mix-blend-mode:normal!important;filter:none!important}.console-body{padding:.75rem!important;gap:.7rem!important}.console-body strong{font-size:.57rem!important}.target-ring{top:18%!important;right:18%!important;bottom:18%!important;left:18%!important}.terminal-card,.info-card,.skill-card,.education-card,.timeline-content{border-color:#32577a!important;border-radius:0!important;box-shadow:3px 3px #080d23e6!important}.terminal-card{box-shadow:6px 6px #172851!important}.info-card{padding:1rem!important}.skill-card{min-height:126px!important;padding:1rem!important}.skill-card:before{content:"▣";position:absolute;right:.85rem;top:.65rem;color:currentColor;opacity:.25;font-size:.8rem}.skill-card h3{font-size:.95rem!important}.skill-card p{font-size:.75rem!important}.skill-icon{position:absolute;right:2.1rem;top:.65rem;font-size:1.1rem}.skill-dot{width:.42rem!important;height:.42rem!important}.skill-level{bottom:.8rem!important}.project-card{min-height:330px!important;padding:1.55rem!important}.project-card h3{font-size:clamp(1.65rem,3vw,2.25rem)!important}.project-number{font-size:4.6rem!important}.contact-panel h2{font-size:clamp(2.25rem,5vw,3.6rem)!important}.timeline{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(200px,1fr))!important;gap:1rem!important;margin:0!important;padding-top:1.25rem!important;border-left:0!important;border-top:2px solid #315d85!important;overflow-x:auto}.timeline:before{content:"TIMELINE.SYS";position:absolute;top:-1.2rem;left:0;background:#08101d;padding-right:.55rem;color:#68e8d5;font:500 .57rem DM Mono,monospace;letter-spacing:.09em}.timeline-item{min-width:205px!important;padding:1.25rem 0 0!important}.timeline-dot{left:1rem!important;top:-.42rem!important;width:.78rem!important;height:.78rem!important;border-color:#08101d!important}.timeline-period{padding-left:1rem;margin-bottom:.6rem!important}.timeline-content{min-height:235px!important;padding:1rem!important}.timeline-content h3{font-size:1.05rem!important}.timeline-content>p:not(.company){font-size:.84rem!important;line-height:1.45!important}.timeline-content div{gap:.3rem!important}.tag{font-size:.5rem!important;padding:.25rem .32rem!important}@keyframes codefall{0%{transform:translateY(-4rem);opacity:0}10%,85%{opacity:1}to{transform:translateY(105vh);opacity:0}}@media (max-width:639px){.status-pill{font-size:.49rem!important}.hero-title{font-size:2.45rem!important}.section-wrap{padding-top:3rem!important;padding-bottom:3rem!important}.hero-console{margin-top:-1rem}.timeline{margin-right:-1.25rem!important;padding-right:1.25rem!important}.project-card{min-height:310px!important}.social-grid a{font-size:.58rem!important}}