:root{--bg:#0d1117;--accent:#f97316;--accent-hover:#e65a00;--white:#fff;--text:#fff;--muted:#ffffffbf;--panel:#0d1117;--radius:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--text);font-size:16px;line-height:1.5;margin:0}.site-header,body{background:#0d1117;background:var(--bg)}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #ff996608;position:-webkit-sticky;position:sticky;top:0;z-index:60}.header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.logo{color:#fff;color:var(--text);font-size:1.05rem;font-weight:800;letter-spacing:.2px;text-decoration:none}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:12px;.nav-toggle{background:#0000;border:0;border-radius:6px;color:#ffffffbf;color:var(--muted);cursor:pointer;display:none;padding:8px}.nav-toggle:focus{outline:2px solid #f973161f}.nav-toggle .bar{background:currentColor;display:block;height:2px;margin:4px 0;transition:transform .22s ease,opacity .2s ease;width:22px}.nav-toggle.open .bar:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.open .bar:nth-child(2){opacity:0}.nav-toggle.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.nav-link{border-radius:8px;color:#ffffffbf;color:var(--muted);font-weight:700;padding:8px 10px;text-decoration:none;transition:color .14s ease,background .14s ease,transform .12s ease}.nav-link:focus,.nav-link:hover{background:#f973160f;color:#fff;color:var(--text);outline:none;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(90deg,#f973160f,#f9731608);box-shadow:inset 0 -3px 0 0 #f973161f;color:#f97316;color:var(--accent)}html{font-size:clamp(13px,2.4vw,18px)}.page{animation:fadeIn .9s ease;min-height:80vh;padding:clamp(10px,2.5vw,36px)}.container{margin:0 auto;width:min(1200px,94%)}main{padding-bottom:92px}.page-title{color:#f97316;color:var(--accent);font-size:2.5rem;margin-bottom:1rem;text-align:center}.lead{color:#ffffffbf;color:var(--muted);font-size:1.15rem;margin-bottom:1.5rem;text-align:center}.card{background:#0d1117;background:var(--panel);border:1px solid #ffffff05;border-radius:10px;box-shadow:0 6px 18px #00000073;color:#fff;color:var(--text);padding:1.5rem;transition:transform .18s ease,box-shadow .18s ease}.card:hover{box-shadow:0 20px 50px #0009;transform:translateY(-4px)}.label{color:#f97316;color:var(--accent);display:block;font-weight:700;margin-bottom:.5rem}.input,textarea{background:#ffffff03;border:1px solid #ffffff08;border-radius:6px;color:#fff;color:var(--text);font-size:1rem;padding:.6rem;resize:vertical;width:100%}.input:focus,textarea:focus{box-shadow:0 6px 18px #f973160f;outline:2px solid #f973161f}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:700;padding:.75rem 1.25rem;text-decoration:none}.btn.primary{background:#f97316;background:var(--accent);color:#fff;color:var(--white)}.btn.primary:hover{background:#e65a00;background:var(--accent-hover);color:#fff;color:var(--white)}.btn.outline{background:#0000;border:1px solid #f9731629;color:#f97316;color:var(--accent)}.btn.outline:hover{background:#f973160a;border-color:#f9731647}.link{color:#f97316;color:var(--accent);font-weight:700;text-decoration:none;transition:color .18s ease}.link:hover{color:#e65a00;color:var(--accent-hover)}.muted{color:#ffffffbf;color:var(--muted);font-size:.95rem}.row{display:flex;gap:1rem}.center{text-align:center}.research-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.research-card{display:flex;flex-direction:column;min-height:160px}.card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.research-hero{border-radius:10px;display:block;height:auto;margin-bottom:12px;max-height:45vh;object-fit:cover;width:100%}.card>.research-hero{border-radius:10px 10px 0 0;margin:-24px -24px 12px;width:calc(100% + 48px)}.poster-hero{border-radius:8px;box-shadow:0 10px 30px #00000073;display:block;height:auto;max-height:85vh;object-fit:contain;width:100%}.card>.poster-hero{border-radius:0 0 10px 10px;margin:-24px -24px 12px;width:calc(100% + 48px)}.poster-heading{font-size:1.18rem;font-weight:800;margin:12px 0 8px}.card-title{color:#fff;color:var(--white);font-size:1.05rem;margin:0}.summary{color:#ffffffbf;color:var(--muted);line-height:1.5;margin:10px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.logo{display:inline-block;position:relative;transition:transform .26s cubic-bezier(.2,.9,.2,1)}.logo:hover{transform:translateY(-3px) scale(1.02)}.logo:after{background:linear-gradient(90deg,#f97316e6,#fc69);border-radius:3px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.logo:hover:after{width:58%}.nav-link{position:relative}.nav-link:after{background:#f97316;background:var(--accent);border-radius:2px;bottom:6px;content:"";height:2px;left:10px;opacity:.95;position:absolute;right:10px;transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .22s ease}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.btn{transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease}.btn:hover{box-shadow:0 10px 30px #02061724;transform:translateY(-3px) scale(1.02)}.project-card .thumb-img{transition:transform .52s cubic-bezier(.2,.9,.2,1)}.project-card:hover .thumb-img{transform:scale(1.04) translateY(-3px)}.projects-grid .project-card,.research-grid .research-card,.skills-grid .skill-card{animation:popIn .52s cubic-bezier(.2,.9,.2,1) forwards;opacity:0;transform:translateY(8px)}.projects-grid .project-card:first-child{animation-delay:60ms}.projects-grid .project-card:nth-child(2){animation-delay:.12s}.projects-grid .project-card:nth-child(3){animation-delay:.18s}.projects-grid .project-card:nth-child(4){animation-delay:.24s}.projects-grid .project-card:nth-child(5){animation-delay:.3s}.projects-grid .project-card:nth-child(6){animation-delay:.36s}.projects-grid .project-card:nth-child(7){animation-delay:.42s}.projects-grid .project-card:nth-child(8){animation-delay:.48s}.skills-grid .skill-card:first-child{animation-delay:40ms}.skills-grid .skill-card:nth-child(2){animation-delay:80ms}.skills-grid .skill-card:nth-child(3){animation-delay:.12s}.skills-grid .skill-card:nth-child(4){animation-delay:.16s}.skills-grid .skill-card:nth-child(5){animation-delay:.2s}.skills-grid .skill-card:nth-child(6){animation-delay:.24s}.skills-grid .skill-card:nth-child(7){animation-delay:.28s}.skills-grid .skill-card:nth-child(8){animation-delay:.32s}.research-grid .research-card:first-child{animation-delay:60ms}.research-grid .research-card:nth-child(2){animation-delay:.12s}.research-grid .research-card:nth-child(3){animation-delay:.18s}.skill-card .skill-icon{transition:transform .42s cubic-bezier(.2,.9,.2,1)}.skill-card:hover .skill-icon{transform:translateY(-4px) rotate(-1deg) scale(1.03)}@media (prefers-reduced-motion:reduce){.btn,.logo,.nav-link:after,.project-card .thumb-img,.projects-grid .project-card,.research-grid .research-card,.skills-grid .skill-card{animation:none!important;transform:none!important;transition:none!important}}.lightbox-overlay{align-items:center;background:#020617b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}.lightbox-content{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:10px;box-shadow:0 24px 60px #0009;max-width:1100px;padding:12px;position:relative;width:100%}.lightbox-img{border-radius:6px;display:block;height:auto;width:100%}.lightbox-close{background:#00000073;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:22px;height:36px;line-height:1;position:absolute;right:10px;top:8px;width:36px}.lightbox-close:focus{outline:2px solid #f9731624}@media (max-width:720px){.lightbox-content{max-width:92%;padding:8px}.lightbox-close{font-size:18px;height:32px;width:32px}}.home-hero{overflow:hidden;padding-bottom:3rem;padding-top:3rem;position:relative}.home-hero>*{position:relative;z-index:2}.home-hero:before{animation:floatBG 14s linear infinite;background:linear-gradient(45deg,#6366f11f,#38bdf81a 45%,#ec48991a 80%);content:"";filter:blur(48px);inset:-30%;position:absolute;transform-origin:center;z-index:1}@keyframes floatBG{0%{transform:translateX(-20%) rotate(0deg)}50%{transform:translateX(20%) rotate(180deg)}to{transform:translateX(-20%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.home-hero:before{animation:none}}#typing{border-right:2px solid #ffffff2e;color:#fff;color:var(--white);margin-left:6px;padding-right:6px}.hero-sub{color:#fffc;font-weight:600;margin-top:6px}.social-row .btn{font-weight:700;padding:.5rem .9rem}.projects-grid{gap:16px}.project-card{gap:16px;padding:12px}.project-card .thumb{background-position:50%;background-size:cover;border-radius:8px;flex:0 0 260px;height:160px;width:260px}.project-card .project-body{flex:1 1}@media (max-width:900px){.project-card{align-items:stretch;flex-direction:column}.project-card .thumb{aspect-ratio:16/10;height:auto;min-height:160px;width:100%}}@media (max-width:480px){.page{padding:12px}.page-title{font-size:1.6rem}.lead{font-size:.98rem}.project-card{padding:10px}.poster-hero{max-height:70vh}}@media (max-width:900px){.nav-toggle{display:inline-block}.nav{display:none}.nav.open{background:#0d1117;background:var(--panel);border-radius:8px;box-shadow:0 6px 18px #00000029;display:flex;flex-direction:column;gap:.75rem;margin-top:8px;padding:10px}header .nav.open a{padding:8px 12px}}@media (max-width:480px){.nav.open{gap:.6rem;padding:8px}.page{padding:clamp(10px,4vw,20px)}}.skills-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.skill-card{align-items:center;background:#ffffff05;border-radius:8px;cursor:default;display:flex;gap:12px;padding:10px;transition:transform .18s ease,box-shadow .18s ease}.skill-card:focus,.skill-card:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-4px)}.skill-icon-wrapper{flex:0 0 auto}.skill-icon{align-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.skill-icon img{display:block;height:70%;object-fit:contain;width:70%}.skill-initials{color:#fff;color:var(--white);font-size:16px;font-weight:700}.skill-icon.has-img{background:#fff;box-shadow:0 6px 18px #02061752}.skill-icon.has-img .skill-img{background:#fff;border-radius:8px;display:block;height:70%;object-fit:contain;padding:6px;transition:transform .22s ease;width:70%}.skill-icon.has-img .skill-img:hover{transform:scale(1.06)}.skill-icon.has-img .skill-initials{color:#fff;color:var(--text)}.skill-icon .led{background:linear-gradient(90deg,#ff66002e,#ffcc661f);bottom:0;left:0;mix-blend-mode:screen;pointer-events:none;position:absolute;top:0;transition:width .42s cubic-bezier(.2,.9,.2,1);width:0}.skill-card:focus .skill-icon .led,.skill-card:hover .skill-icon .led{width:100%}.skill-name{font-weight:700}@media (max-width:720px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.skill-icon{height:48px;width:48px}}.contact-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media (max-width:640px){.contact-actions{justify-content:center}}.about-note{background:#ffffff05;border-left:4px solid #f97316;border-left:4px solid var(--accent);border-radius:8px;color:#ffffffbf;color:var(--muted);padding:.85rem 1rem}@media (max-width:640px){.page-title{font-size:2rem}.row{flex-direction:column}}.card img{display:block;height:auto;max-width:100%}@media (max-width:880px){.about-aside{position:static;top:auto}}@media (max-width:480px){.page{padding:1rem}.container{width:96%}}.profile-photo{border:3px solid #ffffff0f;border-radius:14px;box-shadow:0 10px 30px #0009;display:block}.about-aside{align-self:start;position:-webkit-sticky;position:sticky;top:88px}.projects{padding-bottom:32px;padding-top:32px}.projects-grid{display:flex;flex-direction:column;gap:18px}.project-card{align-items:flex-start;background:#0d1117;background:var(--panel);border:1px solid #ffffff08;border-radius:12px;display:flex;gap:18px;padding:14px;transition:transform .18s ease,box-shadow .18s ease}.project-card .thumb{align-items:center;aspect-ratio:16/10;background:#0000000f;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff05;display:flex;flex-shrink:0;height:auto;justify-content:center;min-width:120px;overflow:hidden;width:clamp(140px,18vw,260px)}.thumb-img{display:block;height:100%;object-fit:cover;width:100%}.project-card.retort-ai .thumb-img{transform:scale(.88);transform-origin:center;transition:transform .22s ease}.project-card.retort-ai .thumb-img:hover{transform:scale(.9)}.project-card.hiremenot .thumb{flex:0 0 clamp(140px,18vw,260px)}.project-card.hiremenot .thumb-img{display:block;height:auto;margin:0 auto;object-fit:contain;transform:scale(.98);transition:transform .22s ease;width:86%}.project-card.hiremenot .thumb-img:hover{transform:scale(1.02)}.project-body{display:flex;flex:1 1;flex-direction:column;gap:8px}.project-title{color:#fff;color:var(--white);font-size:1.08rem;margin:0}.desc{color:#ffffffbf;color:var(--muted);line-height:1.45;margin:0}.meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:6px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f9731614;border-radius:999px;font-size:.82rem;padding:6px 10px}.tag,.view-btn{color:#f97316;color:var(--accent);font-weight:700}.view-btn{background:#0000;border:1px solid #f97316;border:1px solid var(--accent);border-radius:10px;padding:8px 12px;text-decoration:none}.project-card:hover{border-color:#f973161f;box-shadow:0 18px 40px #0009;transform:translateY(-6px)}@media (max-width:720px){.project-card{align-items:stretch;flex-direction:column}.project-card .thumb{border-radius:10px;height:180px;min-width:0;width:100%}.meta{align-items:stretch;flex-direction:column;gap:10px}}.site-footer{background:#0d1117;background:var(--panel);border-top:1px solid #ffffff05;bottom:0;font-size:.92rem;left:0;padding:8px 0;position:fixed;width:100%;z-index:60}@media (max-width:640px){main{padding-bottom:140px}}
/*# sourceMappingURL=main.85159e4e.css.map*/