@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", sans-serif;--bg-darker:#05020c;--bg-dark:#0b061c;--bg-card:#160c2e73;--bg-card-hover:#23124aa6;--primary:#9d4edd;--primary-glow:#9d4edd66;--primary-light:#c77dff;--secondary:#3c096c;--accent:#e0aa3e;--neon-cyan:#240046;--neon-purple:#e0aaff;--neon-pink:#ff007f;--text-primary:#f7efff;--text-secondary:#b39ddb;--text-muted:#726293;--border-glow:#9d4edd33;--border-glow-hover:#c77dff66;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-darker);margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.section{z-index:2;max-width:1200px;margin:0 auto;padding:60px 24px;position:relative}@media (width<=768px){.section{padding:60px 16px}}.glow-text{text-shadow:0 0 30px #c77dff33}.glow-text .char{background:linear-gradient(135deg, #fff 30%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.purple-gradient-text{background:linear-gradient(135deg, var(--neon-purple) 0%, var(--primary) 50%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ambient-glow{filter:blur(80px);pointer-events:none;z-index:1;background:radial-gradient(circle,#9d4edd1f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute}.ambient-glow-1{top:-10%;right:-10%}.ambient-glow-2{top:40%;left:-20%}.ambient-glow-3{bottom:-10%;right:-10%}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #7b2cbf 100%);color:#fff;box-shadow:0 4px 20px var(--primary-glow);cursor:pointer;transition:var(--transition-smooth);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #9d4edd99}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glow);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--border-glow-hover);background:#ffffff1a;transform:translateY(-2px)}.app-wrapper{perspective:1200px;background-color:var(--bg-darker);width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.scroll-tracker{pointer-events:none;z-index:-1;width:1px;height:1200vh;display:block;position:relative}.panel-section{background-color:var(--bg-darker);z-index:1;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden}.panel-section.hero-panel{opacity:1;pointer-events:all}.panel-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border-glow-hover), transparent);z-index:5;width:100%;height:1px;position:absolute;top:0;left:0}.char{display:inline-block!important;position:relative!important}.about-title,.skills-title,.timeline-section-title,.projects-title,.contact-title{white-space:nowrap!important}.about-header,.skills-header,.timeline-header-container,.projects-header,.contact-header{width:fit-content!important}@media (width<=768px){.about-title,.skills-title,.timeline-section-title,.projects-title,.contact-title{font-size:clamp(1.5rem,7.5vw,2rem)}.about-header,.skills-header,.timeline-header-container,.projects-header,.contact-header{max-width:calc(100vw - 48px)}.scroll-tracker{height:650vh}.panel-section{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}.panel-section>*{margin:auto 0}.app-wrapper{perspective:none}.panel-section{transform-style:flat}.ambient-glow{filter:blur(40px)}}.hero-section{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.hero-content{text-align:left;flex-direction:column;gap:24px;display:flex}.hero-badge{border:1px solid var(--border-glow);background:#9d4edd1a;border-radius:30px;align-self:flex-start;align-items:center;padding:6px 16px;display:inline-flex;position:relative;overflow:hidden}.badge-glow{background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:30px;height:100%;animation:3s linear infinite shine;position:absolute;top:0;left:-50%}@keyframes shine{0%{left:-100px}to{left:200px}}.badge-text{color:var(--primary-light);letter-spacing:.5px;font-size:.85rem;font-weight:600}.title-overflow{line-height:1.1;overflow:hidden}.hero-title{font-size:clamp(2.8rem,5vw,4.5rem);font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-weight:800}.hero-title span{display:inline-block}.hero-desc{color:var(--text-secondary);max-width:540px;font-size:1.15rem;line-height:1.6}.hero-ctas{gap:16px;margin-top:8px;display:flex}.hero-socials{gap:20px;margin-top:16px;display:flex}.hero-socials a{color:var(--text-muted);transition:var(--transition-fast)}.hero-socials a:hover{color:var(--primary-light);transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.particle-portrait{cursor:crosshair;border-radius:16px;width:100%;max-width:520px;position:relative;overflow:hidden}.particle-portrait-canvas{cursor:crosshair;touch-action:pan-y;width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.particle-portrait-glow{pointer-events:none;border:1px solid var(--border-glow);transition:var(--transition-fast);border-radius:16px;position:absolute;inset:0;box-shadow:0 0 60px #9d4edd26,inset 0 0 80px #9d4edd0f}.particle-portrait:hover .particle-portrait-glow{border-color:var(--border-glow-hover);box-shadow:0 0 80px #9d4edd40,inset 0 0 80px #9d4edd14}.float-particle{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.float-particle-1{background:radial-gradient(circle,#9d4edd66 0%,#0000 80%);width:40px;height:40px;top:25%;right:45%}.float-particle-2{background:radial-gradient(circle,#c77dff4d 0%,#0000 80%);width:60px;height:60px;bottom:20%;right:5%}.float-particle-3{background:radial-gradient(circle,#e0aaff80 0%,#0000 80%);width:25px;height:25px;top:70%;left:5%}@media (width<=991px){.hero-section{-webkit-overflow-scrolling:touch;align-items:flex-start;min-height:100dvh;overflow-y:auto}.hero-grid{text-align:center;grid-template-columns:1fr;gap:32px;margin:auto 0;padding-top:24px;padding-bottom:48px}.hero-content{text-align:center;align-items:center;gap:16px}.hero-title{margin-bottom:0}.hero-badge{align-self:center}.hero-desc{margin:0 auto;font-size:1rem}.hero-ctas{flex-wrap:wrap;justify-content:center}.hero-socials{margin-top:4px}.hero-visual{width:100%}.particle-portrait{max-width:300px;margin:0 auto}.particle-portrait-glow{box-shadow:0 0 30px #9d4edd1f,inset 0 0 40px #9d4edd0d}}@media (width<=480px){.particle-portrait{max-width:240px}.hero-title{font-size:clamp(1.8rem,8vw,2.4rem)}}.about-wrapper{z-index:3;position:relative}.about-header{flex-direction:column;align-items:flex-start;margin-bottom:50px;display:flex}.about-title{margin-bottom:12px;font-size:clamp(2rem,4vw,3rem)}.about-divider{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);width:60px;height:4px;box-shadow:0 0 10px var(--primary-glow);border-radius:2px}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.about-text-container{text-align:left;flex-direction:column;gap:24px;display:flex}.about-subtitle{color:var(--text-primary);font-size:1.8rem;font-family:var(--font-display)}.about-p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.about-stats{border-top:1px solid #9d4edd26;gap:32px;margin-top:16px;padding-top:24px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-number{font-family:var(--font-display);color:var(--primary-light);text-shadow:0 0 15px var(--primary-glow);font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500}.about-features{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-glow);text-align:left;transition:var(--transition-smooth);border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;display:flex}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow-hover);transform:translateY(-5px);box-shadow:0 10px 30px #9d4edd1a}.feature-icon-box{width:48px;height:48px;color:var(--primary-light);transition:var(--transition-fast);background:#9d4edd26;border:1px solid #9d4edd33;border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-icon-box{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.feature-title{color:var(--text-primary);font-size:1.15rem;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (width<=991px){.about-grid{grid-template-columns:1fr;gap:40px}}@media (width<=480px){.about-features{grid-template-columns:1fr}.about-stats{flex-wrap:wrap;gap:20px}}.fire-card{--fire-border-color:#9d4edd;--fire-light-color:#c77dff;--fire-bright:#e0aaff;--fire-gradient-color:#9d4edd59;border-radius:20px;transition:transform .3s;position:relative}.fire-svg-defs{width:0;height:0;position:absolute}.fire-card-body{background:linear-gradient(-30deg, var(--fire-gradient-color), transparent, var(--fire-gradient-color)), linear-gradient(to bottom, #160c2e, #160c2e);box-sizing:border-box;border-radius:20px;height:100%;position:relative;box-shadow:0 15px 35px #0000004d}.fire-border-animated{border:2px solid var(--fire-border-color);box-sizing:border-box;pointer-events:none;z-index:3;border-radius:20px;position:absolute;inset:0}.fire-glow-layer-1{box-sizing:border-box;filter:blur(1px);pointer-events:none;z-index:3;border:2px solid #9d4edd99;border-radius:20px;position:absolute;inset:0}.fire-glow-layer-2{border:2px solid var(--fire-light-color);box-sizing:border-box;filter:blur(4px);pointer-events:none;z-index:3;border-radius:20px;position:absolute;inset:0}.fire-background-glow{filter:blur(32px);opacity:.3;z-index:-1;background:linear-gradient(-30deg, var(--fire-bright), transparent, var(--fire-border-color));pointer-events:none;border-radius:20px;position:absolute;inset:0;transform:scale(1.05)}.fire-content{z-index:2;box-sizing:border-box;height:100%;position:relative}.fire-card.fire-size-md .fire-content{padding:24px}.fire-card.fire-size-lg .fire-content{padding:32px}.fire-card.fire-size-md:hover,.fire-card.fire-size-lg:hover{transform:translateY(-3px)}@media (width<=768px){.fire-card.fire-size-md .fire-content,.fire-card.fire-size-lg .fire-content{padding:18px}}.skills-wrapper{z-index:3;position:relative}.skills-header{flex-direction:column;align-items:flex-start;margin-bottom:50px;display:flex}.skills-title{margin-bottom:12px;font-size:clamp(2rem,4vw,3rem)}.skills-divider{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);width:60px;height:4px;box-shadow:0 0 10px var(--primary-glow);border-radius:2px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.skills-category-box{height:100%}.category-title{color:var(--text-primary);font-size:1.5rem;font-family:var(--font-display);text-align:left;border-bottom:1px solid #9d4edd26;margin-bottom:28px;padding-bottom:12px}.skills-list{flex-direction:column;gap:24px;display:flex}.skill-item{text-align:left;flex-direction:column;gap:10px;display:flex}.skill-info{justify-content:space-between;align-items:center;display:flex}.skill-name{color:var(--text-primary);font-size:1.05rem;font-weight:500}.skill-percentage{color:var(--primary-light);font-size:.95rem;font-weight:600;font-family:var(--font-display)}.skill-track{background:#160c2e99;border:1px solid #9d4edd1a;border-radius:10px;width:100%;height:8px;overflow:hidden}.skill-progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);height:100%;box-shadow:0 0 10px var(--primary-glow);border-radius:10px;width:0%}@media (width<=768px){.skills-grid{grid-template-columns:1fr;gap:24px}}.timeline-section{z-index:2;width:95%;max-width:1600px;margin:0 auto;padding:60px 24px;position:relative;overflow:hidden}.timeline-header-container{text-align:left;flex-direction:column;align-items:flex-start;margin-bottom:50px;display:flex}.timeline-section-title{margin-bottom:12px;font-size:clamp(2rem,4vw,3rem)}.timeline-divider{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);width:60px;height:4px;box-shadow:0 0 10px var(--primary-glow);border-radius:2px;margin-bottom:20px}.timeline-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.timeline-container{width:100%;height:520px;margin-top:40px;position:relative;overflow:hidden}.timeline-scroll-content{width:100%;height:800px;position:relative}.timeline-line-wrapper{pointer-events:none;z-index:1;width:100px;height:100%;position:absolute;top:0;left:20px}.timeline-svg{display:block}.main-stem-active,.sprout-path{filter:drop-shadow(0 0 5px var(--primary-glow))}.timeline-items{width:100%;height:100%;position:relative}.timeline-row{z-index:2;align-items:center;width:100%;display:flex;position:absolute;transform:translateY(-50%)}.timeline-node-wrapper{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;left:50px;transform:translate(-50%)}.timeline-node{background:var(--bg-darker);border:3px solid var(--primary-light);width:44px;height:44px;box-shadow:0 0 15px var(--primary-glow), inset 0 0 10px var(--primary-glow);color:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(0)}.node-icon{filter:drop-shadow(0 0 2px var(--primary-glow))}.timeline-card-wrapper{opacity:0;width:calc(100% - 150px);position:absolute;left:120px}.timeline-card{text-align:left;width:100%;min-height:150px}.card-reveal-overlay{border-radius:inherit;z-index:2;pointer-events:none;opacity:0;background:#160c2e;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.reveal-year{color:var(--primary-light);align-items:center;gap:6px;margin-bottom:4px;font-size:1.1rem;font-weight:600;display:inline-flex}.reveal-degree{font-size:1.5rem;font-family:var(--font-display);color:var(--text-primary);text-align:center;opacity:0;margin:0;font-weight:700}.reveal-institution{color:var(--text-secondary);text-align:center;opacity:0;margin:0;font-size:1.05rem;font-weight:500}.card-content{z-index:1;opacity:0;position:relative}.card-header{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.85rem;display:flex}.card-year,.card-location{align-items:center;gap:4px;font-weight:500;display:inline-flex}.card-year{color:var(--primary-light)}.card-degree{font-size:1.6rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-weight:700}.card-institution{color:var(--text-secondary);margin-bottom:12px;font-size:1.15rem;font-weight:500}.card-desc{color:var(--text-muted);font-size:1.05rem;line-height:1.6}@media (width<=768px){.timeline-container{height:480px}.timeline-line-wrapper{left:10px}.timeline-node-wrapper{left:40px}.timeline-card-wrapper{width:calc(100% - 110px);left:90px}.timeline-node{border-width:2px;width:36px;height:36px}.timeline-card{min-height:130px}.card-degree{font-size:1.15rem}}.contact-wrapper{z-index:3;position:relative}.contact-header{flex-direction:column;align-items:flex-start;margin-bottom:50px;display:flex}.contact-title{margin-bottom:12px;font-size:clamp(2rem,4vw,3rem)}.contact-divider{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);width:60px;height:4px;box-shadow:0 0 10px var(--primary-glow);border-radius:2px}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:60px;display:grid}.contact-info-col{text-align:left;flex-direction:column;gap:28px;display:flex}.contact-subtitle{color:var(--text-primary);font-size:1.8rem;font-family:var(--font-display)}.contact-p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.contact-details-list{flex-direction:column;gap:20px;display:flex}.contact-detail-item{align-items:center;gap:16px;display:flex}.contact-detail-icon{border:1px solid var(--border-glow);width:48px;height:48px;color:var(--primary-light);background:#9d4edd1a;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #9d4edd1a}.contact-detail-text{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.detail-value{color:var(--text-primary);transition:var(--transition-fast);font-size:1.05rem;font-weight:600}a.detail-value:hover{color:var(--primary-light);text-shadow:0 0 8px var(--primary-glow)}.contact-social-box{border-top:1px solid #9d4edd26;flex-direction:column;gap:12px;padding-top:24px;display:flex}.social-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.contact-socials-list{gap:16px;display:flex}.contact-socials-list a{border:1px solid var(--border-glow);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-socials-list a:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-3px)}.form-card{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:24px;padding:40px;box-shadow:0 15px 35px #0000004d}.contact-form{text-align:left;flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-input{border:1px solid var(--border-glow);color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);transition:var(--transition-smooth);background:#160c2e80;border-radius:12px;width:100%;padding:14px 18px}.form-input:focus{border-color:var(--primary-light);box-shadow:0 0 15px var(--primary-glow);background:#160c2ecc;outline:none}.form-input::placeholder{color:var(--text-muted)}.text-area{resize:none}.form-submit-btn{align-self:flex-start;width:auto;margin-top:8px}.form-success-msg{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.success-icon-box{border:2px solid var(--primary-light);width:72px;height:72px;color:var(--primary-light);box-shadow:0 0 20px var(--primary-glow);background:#c77dff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:2s infinite pulseSuccess;display:flex}@keyframes pulseSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-icon{filter:drop-shadow(0 0 5px var(--primary-glow))}.success-title{font-size:1.5rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-weight:700}.success-desc{color:var(--text-secondary);max-width:320px;font-size:1rem;line-height:1.5}@media (width<=991px){.contact-grid{grid-template-columns:1fr;gap:40px}}@media (width<=480px){.form-card{padding:24px}.form-submit-btn{justify-content:center;width:100%}}.footer{background:var(--bg-darker);border-top:1px solid var(--border-glow);z-index:10;padding:40px 24px;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-copyright{color:var(--text-muted);font-size:.9rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition-fast);font-size:.9rem}.footer-links a:hover{color:var(--primary-light);text-shadow:0 0 5px var(--primary-glow)}@media (width<=768px){.footer-content{text-align:center;flex-direction:column}}