@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--bg-color:#050505;--bg-alt:#111;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--accent:#facc15;--accent-glow:#facc1533;--border-color:#ffffff1a;--glass-bg:#ffffff08;--glass-border:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-family:Outfit,sans-serif;line-height:1.2}a{color:var(--accent);text-decoration:none;transition:color .3s}a:hover{color:#fff}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes fade-in-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{animation:linear both fade-in-up;animation-timeline:view();animation-range:entry 10% cover 30%}.animate-scale-scroll{animation:linear both scale-up;animation-timeline:view();animation-range:entry 10% cover 30%}.stagger-child:first-child{animation-range:entry 10% cover 30%}.stagger-child:nth-child(2){animation-range:entry 15% cover 35%}.stagger-child:nth-child(3){animation-range:entry 20% cover 40%}.stagger-child:nth-child(4){animation-range:entry 25% cover 45%}}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:8rem 0;position:relative}@media (width<=768px){.container{padding:0 1rem}section{padding:5rem 0}}.section-title{text-align:center;background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-size:3rem;font-weight:800}.fallback-hidden{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)scale(.95)}.fallback-visible{opacity:1;transform:translateY(0)scale(1)}.hero-section{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.video-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video{object-fit:cover;width:100%;height:100%}.video-overlay{z-index:1;background:linear-gradient(#05050566 0%,#050505cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:left;z-index:2;max-width:600px;position:absolute;bottom:10%;left:5%}.hero-title{letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 4px 20px #000c,0 2px 10px #00000080;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.1}.hero-title-highlight{color:var(--accent);text-shadow:0 0 30px var(--accent-glow), 0 4px 20px #000c}.hero-subtitle{color:#fffffff2;letter-spacing:.05em;text-shadow:0 2px 10px #000c;margin-bottom:2rem;font-size:1.125rem;font-weight:500}.hero-btn{text-transform:uppercase;letter-spacing:.1em;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-block}.hero-btn:hover{background:var(--accent);color:#000;box-shadow:0 10px 20px var(--accent-glow);transform:translateY(-3px)}.scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:.5rem;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:2rem}.scroll-text{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.875rem}.scroll-icon{color:var(--accent)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.mute-toggle-btn{z-index:10;-webkit-backdrop-filter:blur(8px);width:50px;height:50px;color:var(--text-primary);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:2rem;right:2rem}.mute-toggle-btn:hover{background:var(--accent);color:#000;box-shadow:0 5px 15px var(--accent-glow);transform:scale(1.1)}@media (width<=768px){.hero-content{max-width:90%;padding:1.5rem;bottom:8%;left:2%}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.mute-toggle-btn{width:40px;height:40px;bottom:1.5rem;right:1.5rem}}.about-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}.about-content{color:var(--text-secondary);font-size:1.125rem}.about-text{margin-bottom:1.5rem;line-height:1.8}.about-text:last-child{margin-bottom:0}.about-details{border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.about-details:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:-1;pointer-events:none;width:200%;height:200%;animation:15s linear infinite rotate;position:absolute;top:-50%;left:-50%}.details-list{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.detail-item{align-items:center;gap:1.5rem;display:flex}.detail-icon{color:var(--accent);flex-shrink:0;width:24px;height:24px}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.875rem;display:block}.detail-value{color:var(--text-primary);font-size:1.125rem;font-weight:500;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:3rem}}.experience-banner{border-radius:24px;width:100%;max-width:1000px;height:300px;margin:0 auto 5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.experience-banner-img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.experience-banner-overlay{background:linear-gradient(to top, var(--bg-color) 0%, transparent 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:after{content:"";background-color:var(--border-color);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{background-color:inherit;width:50%;margin-bottom:2rem;padding:10px 40px;position:relative}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-icon{background-color:var(--bg-color);border:2px solid var(--accent);z-index:1;width:40px;height:40px;color:var(--accent);box-shadow:0 0 15px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:15px;right:-20px}.timeline-item:nth-child(2n) .timeline-icon{left:-20px}.timeline-content{border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative}.timeline-content:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.timeline-role{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.timeline-company{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.timeline-duration{background:var(--accent-glow);color:var(--accent);border-radius:20px;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.timeline-description{color:var(--text-secondary);line-height:1.6}@media screen and (width<=768px){.experience-banner{height:200px}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(2n){left:0}.timeline-icon{left:11px;right:auto}.timeline-item:nth-child(2n) .timeline-icon{left:11px}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:2.5rem;display:grid}.project-card-container{perspective:1000px;background-color:#0000;width:100%;height:350px}.project-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.project-card-container:hover .project-card-inner{transform:rotateY(180deg)}.project-card-front,.project-card-back{backface-visibility:hidden;border-radius:20px;flex-direction:column;width:100%;height:100%;padding:2rem;display:flex;position:absolute}.project-card-front{background:#0a0a0a66;border:1px solid #ffffff1a;justify-content:center;align-items:center}.flip-hint{color:var(--accent);opacity:.7;letter-spacing:.05em;text-transform:uppercase;margin-top:auto;font-size:.85rem}.project-card-back{text-align:left;border:1px solid var(--accent);background:#141414f2;justify-content:space-between;align-items:flex-start;transform:rotateY(180deg)}.project-tag{color:var(--accent);background:#facc151a;border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.project-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.project-desc{color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-badge{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.25rem .75rem;font-size:.875rem}.project-links{gap:1rem;display:flex}.project-link{width:40px;height:40px;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.project-link:hover{background:var(--accent);color:#000;transform:translateY(-3px)}@media (width<=768px){.project-card-container{height:400px}.project-card-front,.project-card-back{padding:1.5rem}.project-title{font-size:1.25rem}}.skills-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;display:grid}.skill-category{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a99;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.skill-category:before{content:"";background:conic-gradient(transparent, #facc151a, var(--accent), transparent 30%);opacity:0;z-index:0;width:200%;height:200%;transition:opacity .5s;animation:4s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}.skill-category:after{content:"";z-index:1;background:#0f0f0ff2;border-radius:14px;position:absolute;inset:2px}.skill-category>*{z-index:2;position:relative}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px #facc151a}.skill-category:hover:before{opacity:1}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.skills-list{flex-direction:column;gap:1.5rem;display:flex}.skill-item{flex-direction:column;gap:.5rem;display:flex}.skill-name{color:var(--text-primary);font-size:1rem;font-weight:500}.skill-bar-bg{background-color:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.skill-bar-fill{background:linear-gradient(90deg, #facc1580 0%, var(--accent) 50%, #fff 100%);transform-origin:0;height:100%;box-shadow:0 0 10px var(--accent-glow);background-size:200% 100%;border-radius:4px;animation:2s linear infinite energy-flow;transform:scaleX(0)}@keyframes energy-flow{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes fill-bar{to{transform:scaleX(1)}}.skill-bar-fill{animation:1s cubic-bezier(.1,.7,1,.1) both fill-bar,2s linear infinite energy-flow;animation-timeline:view(),auto;animation-range:entry 10% cover 30%,normal}}}.edu-awards-grid{grid-template-columns:1.2fr .8fr;gap:4rem;display:grid}.education-image-wrapper{aspect-ratio:16/9;border-radius:24px;width:100%;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.education-portrait{object-fit:cover;width:100%;height:100%;transition:transform .5s}.education-image-wrapper:hover .education-portrait{transform:scale(1.05)}.education-image-glow{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 50px #00000080}.education-image-wrapper:after{content:"";background:var(--accent);width:100%;height:4px;box-shadow:0 0 20px 5px var(--accent-glow);opacity:.7;z-index:5;animation:3s ease-in-out infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.edu-list{flex-direction:column;gap:2rem;display:flex}.edu-card,.award-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a99;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.edu-card:before,.award-item:before{content:"";background:conic-gradient(transparent, #facc151a, var(--accent), transparent 30%);opacity:0;z-index:0;width:200%;height:200%;transition:opacity .5s;animation:4s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}.edu-card:after,.award-item:after{content:"";z-index:1;background:#0f0f0ff2;border-radius:14px;position:absolute;inset:2px}.edu-card>*,.award-item>*{z-index:2;position:relative}.edu-card:hover,.award-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #facc151a}.edu-card:hover:before,.award-item:hover:before{opacity:1}.edu-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.edu-icon{color:var(--accent)}.edu-degree{color:var(--text-primary);font-size:1.25rem;font-weight:700}.edu-major{color:var(--accent);margin-bottom:.5rem;font-size:1.125rem}.edu-institution{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.edu-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.edu-score{color:var(--accent);background:#facc151a;border-radius:20px;padding:.25rem .75rem;font-weight:600}.awards-list{flex-direction:column;gap:1.5rem;display:flex}.award-item{border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.award-item:hover{transform:translate(10px)}.award-icon{color:var(--accent);flex-shrink:0}.award-text{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5}@media (width<=992px){.edu-awards-grid{grid-template-columns:1fr}}.contact-section{background:linear-gradient(to top, var(--bg-alt) 0%, var(--bg-color) 100%);padding:6rem 0 2rem}.contact-content{text-align:center;border-radius:24px;max-width:800px;margin:0 auto 4rem;padding:4rem 2rem}.contact-title{background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.contact-desc{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.8}.contact-form-container{text-align:left;max-width:600px;margin:0 auto 3rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:12px;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);background:#ffffff0d;outline:none;box-shadow:0 0 0 3px #facc151a}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff3}.submit-btn{background:var(--glass-bg);justify-content:center;width:100%;margin-top:1rem}.submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.success-message{text-align:center;border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;padding:3rem 2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both scale-up}.success-icon{color:#10b981;margin-bottom:1.5rem}.success-message h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.success-message p{color:var(--text-secondary);margin-bottom:2rem}.error-message{color:#ef4444;text-align:center;margin-top:-.5rem;font-size:.875rem}.contact-btn{border:2px solid var(--accent);color:var(--accent);border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.contact-btn:hover{background:var(--accent);color:#000;box-shadow:0 10px 20px var(--accent-glow);transform:translateY(-3px)}.social-links{justify-content:center;gap:1.5rem;display:flex}.social-link{color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:1rem;transition:all .3s;display:flex}.social-link:hover{color:#000;background:var(--accent);box-shadow:0 10px 20px var(--accent-glow);transform:translateY(-5px)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);padding-top:2rem}.copyright{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.made-with{color:#666;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.heart-icon{color:#ef4444;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=768px){.contact-content{margin-bottom:2rem;padding:3rem 1.5rem}.contact-title{font-size:2.2rem}.contact-desc{margin-bottom:2rem;font-size:1rem}}