body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modern-portfolio{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-family:Poppins,sans-serif;min-height:100vh;opacity:0;overflow-x:hidden;transition:opacity 1s ease-in-out}.modern-portfolio.loaded{opacity:1}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.hero-content{max-width:800px;padding:2rem;text-align:center;z-index:1}.hero-image-container{display:inline-block;margin-bottom:2rem;position:relative}.hero-image{border:4px solid #fff3;border-radius:50%;box-shadow:0 20px 40px #0000004d;height:120px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:cover;transition:transform .3s ease;width:120px}.hero-image:hover{transform:scale(1.05)}.hero-image-glow{animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#1e3a8a,#2563eb,#1e40af);border-radius:50%;bottom:-10px;filter:blur(20px);left:-10px;opacity:.5;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#60a5fa,#a78bfa,#fb7185);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;margin-top:.5rem}.hero-subtitle{color:#fffc;font-size:1.2rem;margin-bottom:1.5rem}.hero-description{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.orbiting-skills{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:1100px){.orbiting-skills{display:none}}.orbiting-skills:has(.skill-orb:hover) .orbiting-skill{animation-play-state:paused}.orbiting-skill{animation:orbit 30s linear infinite;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(450px) rotate(calc(var(--angle)*-1));transform-origin:0 0;width:80px}.orbiting-skill:first-child{--angle:0deg}.orbiting-skill:nth-child(2){--angle:72deg}.orbiting-skill:nth-child(3){--angle:144deg}.orbiting-skill:nth-child(4){--angle:216deg}.orbiting-skill:nth-child(5){--angle:288deg}.skill-orb{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid var(--color);border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:100%;z-index:10}.skill-orb:hover{background:#fff3;box-shadow:0 0 20px var(--color);transform:scale(1.2);z-index:1005}.skill-icon{margin-bottom:.25rem;pointer-events:none}.skill-name{color:#fff;font-size:.7rem;font-weight:600;pointer-events:none;text-align:center}.project-popup{animation:popupAppear .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f2;border:2px solid var(--color);border-radius:12px;box-shadow:0 20px 40px #000000b3;left:50%;min-width:250px;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1010}.project-popup:after{display:none}.project-info{text-align:center}.project-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.project-link-btn{background:var(--color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;min-height:24px;min-width:120px;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.project-link-btn:hover{background:#fff;box-shadow:0 5px 15px #0000004d;color:var(--color);transform:translateY(-2px)}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(450px) rotate(calc(var(--angle)*-1))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateX(450px) rotate(calc((var(--angle) + 1turn)*-1))}}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.btn{align-items:center;border:2px solid #0000;border-radius:50px;display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#fff3;color:#fff}.btn-primary:hover{background:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.btn-secondary{background:#0000;border-color:#ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.section{padding:6rem 0;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#ffffffb3;font-size:1.1rem;margin:0 auto;max-width:600px}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .3s ease}.glass-card.hover-lift:hover{background:#ffffff26;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.featured-projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;overflow:hidden;position:relative;transition:all .4s ease}.project-card:hover{background:#ffffff1f;box-shadow:0 25px 50px #0006;transform:translateY(-8px) scale(1.02)}.project-card.featured{background:#ffffff1f;border:2px solid #60a5fa4d}.project-image-container{aspect-ratio:16/10;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{background:linear-gradient(135deg,#1e3a8acc,#2563ebcc);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:1.5rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-icons{display:flex;gap:.5rem}.framework-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;height:24px;padding:.5rem;width:24px}.project-actions{align-self:flex-end;display:flex;gap:.5rem}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.project-content{padding:1.5rem}.project-type{align-items:center;color:#60a5fa;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.project-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.project-description{color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.project-link{align-items:center;color:#60a5fa;display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{color:#93c5fd;gap:.75rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-card{padding:2.5rem 1.5rem;position:relative;text-align:center}.skill-icon{align-items:center;background:linear-gradient(135deg,#60a5fa33,#a78bfa33);border-radius:50%;color:#60a5fa;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:60px}.skill-card:hover .skill-icon{background:linear-gradient(135deg,#60a5fa4d,#a78bfa4d);transform:scale(1.1) rotate(5deg)}.skill-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.skill-description{color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.skill-type{align-items:center;color:#60a5fa;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center}.experience-timeline{display:flex;flex-direction:column;gap:2rem}.experience-card{position:relative}.experience-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.experience-company{align-items:center;display:flex;gap:1rem}.company-logo{border:2px solid #fff3;border-radius:12px;height:50px;object-fit:cover;width:50px}.company-name{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.position-title{color:#60a5fa;font-weight:500}.experience-meta{display:flex;flex-direction:column;gap:.5rem;text-align:right}.experience-date,.experience-location{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem}.experience-content{color:#fffc;line-height:1.6}.experience-list{list-style:none;margin:0;padding:0}.experience-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.experience-list li:before{color:#60a5fa;content:"→";font-weight:700;left:0;position:absolute}.education-card{margin:0 auto;max-width:800px}.education-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.education-logo{border:2px solid #fff3;border-radius:12px;height:60px;object-fit:cover;width:60px}.education-school{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.education-degree{color:#60a5fa;font-weight:500;margin-bottom:.5rem}.education-date{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem}.education-content{color:#fffc;line-height:1.6}.volunteer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-gradient-text{font-size:1.5rem}.hero-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:280px;width:100%}.section{padding:4rem 0}.section-title{font-size:2rem}.container{padding:0 1rem}.featured-projects-grid,.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.volunteer-grid{grid-template-columns:1fr}.experience-header{align-items:flex-start;flex-direction:column}.experience-meta{text-align:left}.education-header{flex-direction:column;text-align:center}.glass-card{padding:1.5rem}.orbiting-skill{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(280px) rotate(calc(var(--angle)*-1))}.skill-orb{height:70px;width:70px}.skill-icon{font-size:1.3rem}.skill-name{font-size:.65rem}.project-popup{min-width:220px;padding:1.2rem}.project-link-btn{font-size:.9rem;min-height:20px;min-width:100px;padding:.6rem 1rem}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(280px) rotate(calc(var(--angle)*-1))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateX(280px) rotate(calc((var(--angle) + 1turn)*-1))}}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-gradient-text{font-size:1.2rem}.hero-content{padding:1rem}.section-title{font-size:1.8rem}.glass-card,.project-content{padding:1rem}.orbiting-skill{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(200px) rotate(calc(var(--angle)*-1))}.skill-orb{height:60px;width:60px}.skill-icon{font-size:1.1rem}.skill-name{font-size:.55rem}.project-popup{min-width:200px;padding:1rem}.project-link-btn{font-size:.8rem;min-height:18px;min-width:90px;padding:.5rem .8rem}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(200px) rotate(calc(var(--angle)*-1))}to{transform:translate(-50%,-50%) rotate(calc(var(--angle) + 1turn)) translateX(200px) rotate(calc((var(--angle) + 1turn)*-1))}}}.featured-projects-section{background:linear-gradient(135deg,#1e3a8a1a,#2563eb1a)}.skills-section{background:linear-gradient(135deg,#2563eb0d,#1e40af0d)}.volunteer-section{background:linear-gradient(135deg,#1e40af1a,#1e3a8a1a)}html{scroll-behavior:smooth}::selection{background:#60a5fa4d;color:#fff}.action-btn:focus,.btn:focus,.project-link:focus{outline:2px solid #60a5fa80;outline-offset:2px}
/*# sourceMappingURL=main.661065cb.css.map*/