@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--accent: #00d4ff;--mouse-x: -100%;--mouse-y: -100%}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#03040a;color:#f0f6fc;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:-150px;left:0;width:100%;height:800px;background:radial-gradient(1200px circle at calc(50% + (var(--mouse-x) - 50vw) * .2) 0px,#00d4ff1f,#4c1d950f 30%,#03040a00 70%);pointer-events:none;z-index:-1;transition:background .1s ease-out}body:after{content:"";position:fixed;bottom:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle at calc(50% + (var(--mouse-x) - 50vw) * .1) calc(50% + (var(--mouse-y) - 50vh) * .1),#b453090a,#03040a00 70%);pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}ul{padding:0;list-style:none}.app-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative}@media(max-height:720px)and (min-width:901px){.app-wrapper{padding:10px}}.main-container{display:flex;gap:20px;width:100%;max-width:1100px;position:relative;z-index:1}.nav-sidebar{width:60px;background-color:#161b22;border-radius:12px;display:flex;flex-direction:column;padding:20px 0;gap:20px;height:max-content;position:sticky;top:20px;border:1px solid #30363d;box-shadow:0 0 15px #00d4ff0d}.nav-sidebar .nav-item{color:#8b949e;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;position:relative;padding:10px 0}.nav-sidebar .nav-item.mobile-only{display:none}.nav-sidebar .nav-item:hover,.nav-sidebar .nav-item.active{color:#00d4ff;filter:drop-shadow(0 0 5px rgba(0,212,255,.5));background:radial-gradient(circle at center,rgba(0,212,255,.1) 0%,transparent 70%)}.nav-sidebar .nav-item.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:20px;background-color:#00d4ff;box-shadow:0 0 8px #00d4ff}.content-card{background-color:#0d1117;border-radius:12px;overflow:hidden;display:flex;flex:1;min-height:550px;border:1px solid #30363d;box-shadow:0 20px 50px #00000080}@media(max-height:720px)and (min-width:901px){.content-card{min-height:500px;height:calc(100vh - 40px)}}.profile-side{width:45%;background-color:#161b22;display:flex;flex-direction:column;position:relative;border-right:1px solid #30363d}.profile-side .banner{height:250px;width:100%;position:relative;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%)}@media(max-height:720px)and (min-width:901px){.profile-side .banner{height:180px}}.profile-side .banner img{width:100%;height:100%;object-fit:cover}.profile-side .avatar-container{position:absolute;top:180px;left:50%;transform:translate(-50%)}@media(max-height:720px)and (min-width:901px){.profile-side .avatar-container{top:130px;width:120px;height:120px}}.profile-side .avatar-container{width:140px;height:140px;border-radius:50%;border:4px solid #0d1117;overflow:hidden;background-color:#03040a;z-index:2;box-shadow:0 0 20px #00000080,0 0 15px #00d4ff33}.profile-side .avatar-container img{width:100%;height:100%;object-fit:cover}.profile-side .info{margin-top:80px;text-align:center;padding:20px;flex:1}@media(max-height:720px)and (min-width:901px){.profile-side .info{margin-top:60px;padding:15px}}.profile-side .info h1{font-size:1.8rem;font-weight:700;margin-bottom:5px}.profile-side .info .role-container{height:1.5rem;margin-bottom:20px;display:grid;place-items:center}.profile-side .info .role-container .role{grid-area:1/1;color:#00d4ff;font-size:1rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.profile-side .info .role-container .role.neon-glow{animation:pulse-glow 2s infinite alternate ease-in-out,neon-flicker .8s ease-out}@keyframes pulse-glow{0%{text-shadow:0 0 4px rgba(0,212,255,.4),0 0 8px rgba(0,212,255,.2)}to{text-shadow:0 0 10px #00d4ff,0 0 20px rgba(0,212,255,.6),0 0 30px rgba(0,212,255,.4),0 0 40px rgba(0,212,255,.2)}}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;text-shadow:0 0 10px #00d4ff,0 0 20px rgba(0,212,255,.6)}20%,24%,55%{opacity:.3;text-shadow:none}}.profile-side .info .social-links{display:flex;justify-content:center;gap:15px;margin-top:10px}.profile-side .info .social-links a{color:#8b949e;transition:all .3s}.profile-side .info .social-links a:hover{color:#00d4ff;filter:drop-shadow(0 0 5px rgba(0,212,255,.6));transform:translateY(-2px);background:radial-gradient(circle at center,rgba(0,212,255,.1) 0%,transparent 70%);border-radius:50%}.profile-side .card-footer{display:flex;border-top:1px solid #30363d}.profile-side .card-footer .footer-btn{flex:1;padding:15px;text-transform:uppercase;font-size:.8rem;font-weight:600;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;color:#f0f6fc;transition:background .3s}.profile-side .card-footer .footer-btn:hover{background-color:#00d4ff0d;color:#00d4ff}.tabs-side{flex:1;padding:40px 40px 20px;overflow-y:auto;max-height:80vh}.tabs-side::-webkit-scrollbar{width:6px}.tabs-side::-webkit-scrollbar-track{background:transparent}.tabs-side::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:10px;transition:background .3s}.tabs-side::-webkit-scrollbar-thumb:hover{background:#00d4ff66}.tabs-side{scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.2) transparent}@media(max-height:720px)and (min-width:901px){.tabs-side{padding:30px 30px 15px;max-height:none}}.tabs-side .section-title{font-size:1.5rem;font-weight:700;margin-bottom:30px;display:flex;align-items:center}.tabs-side .section-title:first-letter{color:#00d4ff;font-size:1.8rem}.tabs-side .section-title:after{content:"";flex:1;height:1px;background-color:#30363d;margin-left:20px}.tabs-side .intro-text{font-size:1rem;line-height:1.8;color:#8b949e;margin-bottom:30px}.tabs-side .intro-text strong{color:#f0f6fc}.tabs-side .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.tabs-side .details-grid .detail-item{display:flex;gap:10px;font-size:.9rem}.tabs-side .details-grid .detail-item .label{color:#f0f6fc;text-transform:uppercase;font-weight:600}.tabs-side .details-grid .detail-item .dots{flex:1;border-bottom:1px dotted #30363d;margin-bottom:4px}.tabs-side .details-grid .detail-item .value{color:#8b949e}.tabs-side .interests-section{margin-top:40px}.tabs-side .interests-section .sub-section-title{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#f0f6fc;display:flex;align-items:center}.tabs-side .interests-section .sub-section-title:after{content:"";flex:1;height:1px;background-color:#30363d;margin-left:15px;opacity:.5}.tabs-side .interests-section p{color:#8b949e;line-height:1.6;font-size:.95rem}.resume-section .timeline{position:relative;padding-left:30px}.resume-section .timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#30363d}.resume-section .timeline .timeline-item{margin-bottom:40px;position:relative}.resume-section .timeline .timeline-item:before{content:"";position:absolute;left:-35px;top:5px;width:10px;height:10px;border-radius:50%;background-color:#03040a;border:2px solid #00d4ff;box-shadow:0 0 8px #00d4ff4d}.resume-section .timeline .timeline-item .date{font-size:.8rem;color:#8b949e;margin-bottom:5px;font-weight:600;letter-spacing:.5px}.resume-section .timeline .timeline-item h4{font-size:1.1rem;margin:0 0 5px}.resume-section .timeline .timeline-item .company{font-size:.9rem;color:#8b949e;margin-bottom:12px}.resume-section .timeline .timeline-item .job-details{margin:0;padding:0;list-style:none}.resume-section .timeline .timeline-item .job-details li{font-size:.85rem;color:#8b949e;line-height:1.6;position:relative;padding-left:15px;margin-bottom:8px}.resume-section .timeline .timeline-item .job-details li:before{content:"▹";position:absolute;left:0;color:#00d4ff}.resume-section .publication-link{display:inline-block;margin-top:10px;font-size:.85rem;color:#00d4ff;font-weight:500;transition:all .3s;border-bottom:1px solid transparent}.resume-section .publication-link:hover{opacity:.8;border-bottom-color:#00d4ff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;margin-top:20px}.skills-grid .skill-category h4{font-size:1rem;color:#f0f6fc;margin-bottom:15px;font-weight:600;border-left:3px solid #00d4ff;padding-left:10px;display:flex;align-items:center;gap:10px}.skills-grid .skill-category h4 span{margin-top:2px}.skills-grid .skill-category h4 svg{color:#00d4ff;opacity:.8}.skills-grid .skill-category .skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skills-grid .skill-category .skill-tags .skill-tag{padding:4px 10px;background-color:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:4px;font-size:.8rem;color:#8b949e;transition:all .3s}.skills-grid .skill-category .skill-tags .skill-tag:hover{background-color:#00d4ff1a;border-color:#00d4ff;color:#00d4ff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media(max-width:900px){.app-wrapper{padding:0 0 80px;align-items:flex-start;display:block}.main-container{flex-direction:column;align-items:stretch;gap:0;max-width:none}.nav-sidebar{flex-direction:row;width:100%;height:auto;position:fixed;inset:auto 0 0;border-radius:0;border:none;border-top:1px solid #30363d;padding:10px 20px;justify-content:space-around;z-index:1000;background-color:#161b22f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 -5px 25px #00000080}.nav-sidebar .nav-item{padding:10px;flex:1}.nav-sidebar .nav-item.mobile-only{display:flex}.nav-sidebar .nav-item.active:after{width:25px;height:2px;bottom:-5px;top:auto;right:50%;transform:translate(50%)}.content-card{flex-direction:column;width:100%;border-radius:0;border:none;background:transparent;box-shadow:none;overflow:visible;min-height:auto}.profile-side{width:100%;border-right:none;border-bottom:1px solid #30363d;border-radius:0}.profile-side .banner{height:200px;clip-path:none}.profile-side .avatar-container{top:130px;width:120px;height:120px}.profile-side .info{margin-top:60px;padding:20px 15px 30px}.profile-side .card-footer{display:none}.tabs-side{padding:30px 20px;max-height:none;overflow-y:visible;background-color:#0d1117}.skills-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr;gap:15px}}