@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Instrument Sans,sans-serif;color:#666;line-height:1.6;text-align:left;background-color:#fff;background-image:url(/bg.png);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:multiply;font-size:20px;overflow-x:hidden;width:100%;max-width:100vw}@media (max-width: 768px){body{font-size:16px;line-height:1.5}}.min-h-screen{min-height:100vh;width:100%}a{color:#8b5cf6;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.highlight{color:#7c3aed;text-decoration:none;position:relative;font-weight:500;display:inline-block}.highlight:after{content:none}.text-blue-600{color:#2563eb!important}.font-medium{font-weight:500}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0}.nav-links a{color:#666;text-decoration:none;font-size:1.1rem;position:relative;padding:.5rem 0}.nav-links a:hover{color:#7c3aed}.nav-links a:before{content:"• ";color:#666}.nav-links-enhanced a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#7c3aed;transform:scaleX(0);transform-origin:right;transition:transform .4s ease}.nav-links-enhanced a{position:relative;color:#7c3aed;text-decoration:none;transition:all .3s ease;overflow:hidden;padding:.5rem .8rem;margin:0 .2rem;border-radius:.3rem}.nav-links-enhanced a:hover:before{transform:scaleX(1);transform-origin:left}.nav-links-enhanced a:hover{background-color:#7c3aed1a;transform:translateY(-2px)}.nav-links-enhanced a:active{transform:translateY(0)}@media (max-width: 768px){.nav-links-enhanced{display:flex;flex-wrap:nowrap;justify-content:center;overflow-x:auto;padding:.5rem 0;gap:.8rem;margin:1rem 0;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.nav-links-enhanced::-webkit-scrollbar{display:none}.nav-links-enhanced a{padding:.4rem .6rem;margin:0 .1rem;white-space:nowrap;font-size:.95rem;flex-shrink:0}.nav-links-enhanced a:hover{background-color:transparent;transform:none}.nav-links-enhanced a:hover:before{transform:scaleX(0)}}.age-counter.text-sm{font-size:.95rem;opacity:.8}.section{margin:3rem 0;text-align:left}@media (max-width: 768px){.section{margin:2rem 0}}.container{max-width:800px;margin:0 auto;padding:0 1.5rem;width:100%}@media (max-width: 768px){.container{padding:0 1rem}}h1{font-size:2.7rem;font-weight:700;color:#111}h2,h3{font-weight:500;color:#333;text-align:left}p{color:#666;font-weight:400;text-align:left;margin-bottom:1rem}@media (max-width: 768px){h1{font-size:2.2rem}.text-2xl{font-size:1.45rem}.text-xl{font-size:1.3rem}}.text-xl{font-size:1.45rem}.text-2xl{font-size:1.7rem}.text-4xl{font-size:2.45rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mb-1{margin-bottom:.25rem}@media (max-width: 768px){.mb-12{margin-bottom:2rem}.mb-6{margin-bottom:1rem}}.mt-8{margin-top:2rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.space-y-6>*+*{margin-top:1.5rem}@media (max-width: 768px){.space-y-6>*+*{margin-top:1rem}}.space-x-4>*+*{margin-left:1rem}.space-x-2>*+*{margin-left:.5rem}@media (max-width: 768px){.flex-wrap.space-x-2>*{margin-left:.25rem;margin-right:.25rem}}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media (max-width: 768px){.gap-4{gap:.75rem}}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.w-6,.h-6{width:1.5rem;height:1.5rem}.w-50,.h-50{width:12.5rem;height:12.5rem}@media (max-width: 768px){.w-50,.h-50{width:10rem;height:10rem}}.w-full,.h-full{width:100%;height:100%}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.object-scale-down{object-fit:scale-down}.object-cover{object-fit:cover}.profile-image-container{transform:rotate(180deg);transition:transform .5s ease;cursor:pointer}.profile-image-container:hover{transform:rotate(0)}@media (max-width: 768px){.profile-image-container.flipped{transform:rotate(0)}}.h-48{height:12rem}@media (max-width: 768px){.h-48{height:10rem}}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.95rem}.text-xs{font-size:.85rem}.rounded{border-radius:.25rem}.inline-block{display:inline-block}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-4{padding:1rem}@media (max-width: 768px){.p-4{padding:.75rem}}.py-16{padding-top:4rem;padding-bottom:4rem}@media (max-width: 768px){.py-16{padding-top:2.5rem;padding-bottom:2.5rem}}.text-gray-600{color:#666}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.bg-orange-100{background-color:#ffedd5}.text-orange-800{color:#9a3412}.bg-yellow-100{background-color:#fef9c3}.text-yellow-800{color:#854d0e}.bg-green-100{background-color:#dcfce7}.text-green-800{color:#166534}.bg-purple-100{background-color:#f3e8ff}.text-purple-800,.hover\:text-primary:hover,.text-primary{color:#7c3aed}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;justify-content:flex-start}.date{color:#666;font-size:.9rem;margin-right:.5rem}.age-counter{font-family:monospace;font-size:1.1rem;color:#7c3aed;margin-bottom:1rem;font-weight:500}.visitor-counter{font-size:.9rem;color:#666;margin-top:1rem;text-align:center}.project-title{display:flex;align-items:center;gap:.5rem}.github-icon{width:1.25rem;height:1.25rem;color:#333}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.relative{position:relative}.absolute{position:absolute;left:0;top:0}.transition-transform{transition-property:transform,opacity}.transition-opacity{transition-property:opacity}.duration-300{transition-duration:.3s}.transform,.translate-y-0{transform:translateY(0)}.translate-y-8{transform:translateY(2rem)}.-translate-y-8{transform:translateY(-2rem)}.opacity-0{opacity:0}.opacity-100{opacity:1}.invisible{visibility:hidden}.left-0{left:0}.right-0{right:0}.gap-1{gap:.25rem}.resume-button-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;align-items:center;gap:.5rem}.resume-close-btn{width:2rem;height:2rem;border-radius:50%;background:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 4px 24px #00000014,inset 0 .5px 1px #fffc;border:1px solid rgba(255,255,255,.6);color:#2c2c2c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;order:2}.resume-close-btn:hover{background:#ffffff1f;transform:scale(1.05);box-shadow:0 6px 30px #0000001f,inset 0 .5px 1px #ffffffe6;border:1px solid rgba(255,255,255,.7)}.resume-close-btn:active{transform:scale(.95)}.resume-download-btn{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:50px;order:1;background:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 4px 24px #00000014,inset 0 .5px 1px #fffc;border:1px solid rgba(255,255,255,.6);color:#2c2c2c;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.resume-download-btn:hover{background:#ffffff1f;box-shadow:0 6px 30px #0000001f,inset 0 .5px 1px #ffffffe6;transform:translateY(-2px);border:1px solid rgba(255,255,255,.7)}.resume-download-btn:active{transform:translateY(0);background:#ffffff26;box-shadow:0 2px 12px #00000014,inset 0 .5px 1px #ffffffb3}.resume-download-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out;opacity:0}.resume-download-btn:active:before{width:300px;height:300px;opacity:1}.download-icon{font-size:1rem;transition:transform .3s ease}.download-text{font-family:Instrument Sans,sans-serif;white-space:nowrap}@media (max-width: 768px){.resume-button-container{bottom:1rem;right:1rem;gap:.4rem}.resume-close-btn{width:1.75rem;height:1.75rem;font-size:.8rem;order:2}.resume-download-btn{padding:.6rem 1.2rem;font-size:.85rem;gap:.4rem;order:1}.download-icon{font-size:.9rem}@media (max-width: 380px){.download-text{font-size:.8rem}}}@keyframes slideInFromRight{0%{transform:translate(150px);opacity:0}to{transform:translate(0);opacity:1}}.resume-button-container{animation:slideInFromRight .5s ease-out}