@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Syne:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}::selection{background:#dc262633}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseRed{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}@keyframes shimIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.fade-1{animation:.55s 50ms both fadeUp}.fade-2{animation:.55s .15s both fadeUp}.fade-3{animation:.55s .25s both fadeUp}.fade-4{animation:.55s .38s both fadeUp}.fade-5{animation:.55s .52s both fadeUp}.cursor{animation:1.1s step-end infinite blink}.avail-dot{animation:2.2s infinite pulseRed}.modal-anim{animation:.22s both shimIn}.menu-sheet{animation:.3s cubic-bezier(.32,.72,0,1) both slideUp}.menu-overlay{animation:.2s both fadeOverlay}.nav-link-item{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:14px;transition:color .2s;position:relative}.nav-link-item:after{content:"";background:#dc2626;width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-link-item:hover:after,.nav-link-item.active:after{width:100%}.proj-card{cursor:pointer;border-radius:8px;padding:20px;transition:border-color .2s,transform .18s,box-shadow .2s;position:relative;overflow:hidden}.proj-card:before{content:"";opacity:0;background:linear-gradient(135deg,#dc26260a 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.proj-card:hover{transform:translateY(-2px)}.proj-card:hover:before{opacity:1}.tab-pill{cursor:pointer;letter-spacing:.04em;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .18s;display:flex}.exp-card{border-radius:8px;padding:24px;transition:border-color .2s}.exp-card:hover{border-color:#333!important}.social-btn{letter-spacing:.04em;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:10px;padding:14px 22px;font-family:JetBrains Mono,monospace;font-size:14px;text-decoration:none;transition:all .18s;display:flex}.social-btn:hover{transform:translate(4px)}.skill-chip{letter-spacing:.06em;border-radius:3px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-block}@media (width<=640px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.proj-card{padding:18px 16px}.exp-card{padding:18px 16px!important}.section-content{padding:0 16px}}@media (width>=641px){.show-mobile{display:none!important}}@media (pointer:coarse){.proj-card,.social-btn,.nav-link-item,.tab-pill{-webkit-tap-highlight-color:transparent}}body{word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}
