html,#root{background-color:#0a0a0a;width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background-color:#0a0a0a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden}.portfolio-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);margin-top:80px;padding:0 2rem;display:flex;overflow:hidden}.text-section{text-align:center;z-index:10;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.greeting{color:#3b82f6;letter-spacing:1px;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.text-section h1,.text-section h2{white-space:nowrap;border-right:3px solid #3b82f6;width:fit-content;overflow:hidden}.text-section h1{color:#fff;border-right:3px solid #3b82f6;margin-bottom:.5rem;font-size:clamp(2.2rem,4.5vw,4.5rem);font-weight:800;line-height:1.1;animation:.1s .7s both showVisibility,1.8s linear .7s both typingReveal,1.8s ease-out .7s forwards blinkCursor}.text-section h1 span{color:#3b82f6}.text-section h2{color:#94a3b8;border-right:3px solid #3b82f6;margin:0 auto 1rem;font-size:clamp(.9rem,1.8vw,1.7rem);font-weight:500;animation:.1s 2.6s both showVisibility,1.5s steps(35,end) 2.6s both typingReveal,1.5s ease-out 2.6s forwards blinkCursor}.bio{color:#cbd5e1;max-width:100%;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.cta-buttons{justify-content:center;gap:1rem;width:100%;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.primary-btn{color:#fff;background-color:#3b82f6;box-shadow:0 4px 15px #3b82f666}.primary-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.secondary-btn{color:#3b82f6;background-color:#0000;border:2px solid #3b82f6}.secondary-btn:hover{background-color:#3b82f61a}.education-section,.career-section{background-color:#0a0a0a;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:120px 5% 6rem;display:flex}.education-grid,.career-grid{grid-template-columns:repeat(3,1fr);gap:3rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.edu-card,.career-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:linear-gradient(145deg,#1e293bb3,#0f172ae6);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:1.25rem;height:100%;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards slideUpFade;display:flex;box-shadow:0 10px 30px -10px #00000080}.edu-card:hover,.career-card:hover{border-color:#3b82f699;transform:translateY(-8px);box-shadow:0 20px 40px -10px #3b82f633}.edu-year,.career-year{color:#3b82f6;letter-spacing:1.5px;margin:0;font-size:.85rem;font-weight:600}.edu-degree,.career-role{color:#fff;margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.edu-institution,.career-company{color:#e2e8f0;margin:0;font-size:1rem;font-weight:500}.edu-university{color:#94a3b8;margin:0;font-size:.9rem;font-weight:400;line-height:1.5}.edu-location,.career-location{color:#64748b;letter-spacing:.5px;align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:500;display:flex}.edu-location:before,.career-location:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:14px;height:14px;display:inline-block}.career-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.company-logo{object-fit:contain;opacity:.95;border-radius:4px;flex-shrink:0;width:auto;max-width:120px;height:40px}.company-brand{flex:1;align-items:flex-start;gap:1rem;padding-right:1rem;display:flex}.career-card:hover .company-logo{opacity:1}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0a0a0ab3;border-bottom:1px solid #ffffff0d;width:100%;padding:1.2rem 0;position:fixed;top:0;left:0}.nav-links{justify-content:center;align-items:center;gap:3rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:#cbd5e1;cursor:pointer;font-size:1.1rem;font-weight:500;transition:color .3s;position:relative}.nav-item:hover{color:#3b82f6}.nav-item:after{content:"";background-color:#3b82f6;width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-item:hover:after{width:100%}a{text-decoration:none}.nav-item-disabled{color:#64748b;cursor:not-allowed;font-size:1.1rem;font-weight:500}.nav-item.active{color:#3b82f6}.nav-item.active:after{width:100%}@media (width<=900px){.portfolio-container{gap:1.5rem;height:calc(100dvh - 80px);margin-top:80px;padding-top:0;padding-left:1.5rem;padding-right:1.5rem}.text-section{padding:0 1rem}.nav-links{flex-wrap:wrap;gap:1.5rem;padding:0 1rem}.nav-item{font-size:.95rem}.education-grid,.career-grid{grid-template-columns:1fr;max-width:500px}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.edu-card:first-child,.career-card:first-child{animation-delay:.1s}.edu-card:nth-child(2),.career-card:nth-child(2){animation-delay:.3s}.edu-card:nth-child(3),.career-card:nth-child(3){animation-delay:.5s}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.greeting{animation:.8s ease-out .1s both textReveal}@keyframes showVisibility{0%{opacity:0}to{opacity:1}}@keyframes typingReveal{0%{max-width:0}to{max-width:100%}}@keyframes blinkCursor{0%{border-right-color:#3b82f6}25%{border-right-color:#0000}50%{border-right-color:#3b82f6}75%{border-right-color:#0000}95%{border-right-color:#3b82f6}to{border-right-width:0;border-right-color:#0000}}#node-network{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}