body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f23;color:#fff;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}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body,html{max-width:100%}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#2f3136;border-left:1px solid #202225}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5865f2,#7289da);border:3px solid #2f3136;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4752c4,#5865f2);box-shadow:0 0 10px #5865f280}*{scrollbar-color:#5865f2 #2f3136;scrollbar-width:thin}body{background:#36393f;color:#dcddde;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{background-image:radial-gradient(circle at 20% 30%,#5865f226 0,#0000 50%),radial-gradient(circle at 80% 70%,#eb459e26 0,#0000 50%),radial-gradient(circle at 50% 50%,#ed42451a 0,#0000 60%);opacity:.03}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}body:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#5865f21a 0,#5865f21a 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#5865f21a 0,#5865f21a 4px);background-size:50px 50px;opacity:.025}.App{min-height:100vh;z-index:1}.App,section{overflow-x:hidden;position:relative;width:100%}section{padding:2.5rem 0}.container{margin:0 auto;max-width:1200px;overflow-x:hidden;padding:0 20px;width:100%}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:600;line-height:1.2}h1{font-size:2.5rem;margin-bottom:.75rem}h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5865f2,#eb459e,#ed4245);background-clip:text;-webkit-background-clip:text;font-size:1.75rem;letter-spacing:.5px;margin-bottom:1.5rem;padding-bottom:.75rem;padding-top:.5rem;position:relative;text-align:center}h2:after{background:linear-gradient(90deg,#5865f2,#eb459e,#ed4245);bottom:0;box-shadow:0 0 10px #5865f280;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}h2:before{content:"🧬";filter:drop-shadow(0 0 8px rgba(88,101,242,.4));font-size:1.5rem;margin-right:.5rem;opacity:.7;position:relative}h3{font-size:1.3rem;margin-bottom:.5rem}p{color:#dcddde;line-height:1.6;margin-bottom:.75rem}.btn,p{font-size:.95rem}.btn{background:linear-gradient(90deg,#5865f2,#7289da);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.65rem 1.75rem;text-decoration:none;transition:all .3s ease}.btn:hover{background:linear-gradient(90deg,#4752c4,#5865f2);box-shadow:0 4px 20px #5865f280;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #5865f2;color:#5865f2;padding:.55rem 1.65rem}.btn-secondary:hover{background:#5865f2;color:#fff}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1.25rem}.mb-5{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1.25rem}.mt-5{margin-top:2rem}@media (max-width:768px){.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.5rem}section{padding:2rem 0}}.header{background:#202225;border-bottom:1px solid #5865f233;box-shadow:0 2px 10px #0000004d,0 0 20px #5865f21a;overflow-x:hidden;padding:0 1rem;position:fixed;top:0;z-index:1000}.header,.nav{max-width:100%;width:100%}.nav{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.nav-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5865f2,#eb459e);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 10px rgba(88,101,242,.3));font-size:1.5rem;font-weight:700;margin:0}.nav-list{display:flex;gap:2.5rem;list-style:none}.nav-list button{background:none;border:none;color:#b9bbbe;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 0;transition:color .3s ease}.nav-list button:hover{color:#fff}.nav-toggle{cursor:pointer;display:none;flex-direction:column;gap:5px}.nav-toggle span{background:#5865f2;border-radius:2px;height:3px;transition:.3s;width:28px}@media (max-width:768px){.nav-toggle{display:flex}.nav-list{align-items:center;background:#2f3136;box-shadow:0 10px 30px #00000080;flex-direction:column;gap:0;left:0;max-width:100%;overflow-x:hidden;padding:1.5rem;position:fixed;top:60px;transform:translateY(-120%);transition:transform .3s ease;width:100%}.nav-menu.active .nav-list{transform:translateY(0)}.nav-list button{font-size:1.05rem;padding:.75rem 0}}.hero{align-items:center;background:linear-gradient(135deg,#2f3136,#202225);display:flex;min-height:100vh;overflow:hidden;padding-top:60px;position:relative}.hero:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#5865f20a 0,#0000 70%);height:300px;right:5%;top:10%;width:300px}.hero:after,.hero:before{border-radius:50%;content:"";position:absolute}.hero:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,#eb459e08 0,#0000 70%);bottom:15%;height:200px;left:8%;width:200px}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-10px) translateX(-10px)}75%{transform:translateY(-30px) translateX(5px)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;position:relative;z-index:1}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5865f2,#eb459e,#ed4245);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.highlight{color:#5865f2}.hero-text h2{-webkit-text-fill-color:#b9bbbe;background:none;color:#b9bbbe;font-size:1.4rem;font-weight:400;margin-bottom:1.25rem;padding-bottom:0;text-align:left}.hero-text h2:after{display:none}.hero-text p{color:#8e9297;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;max-width:550px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image{align-items:center;display:flex;justify-content:center}.profile-image{border:4px solid #5865f2;border-radius:50%;box-shadow:0 10px 40px #0000004d;height:300px;overflow:hidden;position:relative;width:300px}.profile-image img{height:100%;object-fit:cover;object-position:center;width:100%}@media (max-width:968px){.hero-content{gap:2.5rem;grid-template-columns:1fr}.hero-text,.hero-text h2{text-align:center}.hero-text p{max-width:100%}.hero-buttons{justify-content:center}.profile-image{height:250px;width:250px}}@media (max-width:768px){.hero{padding-top:80px}.hero-text h1{font-size:2.2rem}.hero-text h2{font-size:1.15rem}.hero-text p{font-size:.95rem}.profile-image{height:200px;width:200px}}.about{background:#36393f;position:relative}.about:before{background-image:radial-gradient(circle at 15% 20%,#5865f24d 1px,#0000 0),radial-gradient(circle at 85% 80%,#eb459e4d 1px,#0000 0),radial-gradient(circle at 45% 60%,#ed42454d 1px,#0000 0);background-position:0 0,40px 40px,20px 60px;background-size:80px 80px;content:"";height:100%;left:0;opacity:.04;pointer-events:none;position:absolute;top:0;width:100%}.about-content{grid-gap:3.5rem;align-items:start;display:grid;gap:3.5rem;grid-template-columns:1.5fr 1fr}.about-text p{color:#dcddde;font-size:1rem;line-height:1.7;margin-bottom:1.25rem}.about-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.stat{background:#2f3136;border:1px solid #40444b;border-radius:8px;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .3s ease}.stat:before{background:radial-gradient(circle,#5865f20d 0,#0000 50%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.stat:hover:before{opacity:1}.stat:hover{border-color:#5865f2;box-shadow:0 4px 20px #5865f24d,inset 0 0 20px #5865f21a;transform:translateY(-3px)}.stat h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5865f2,#eb459e);background-clip:text;-webkit-background-clip:text;font-size:1.9rem;margin-bottom:.5rem}.stat p{color:#b9bbbe;font-size:.85rem;margin:0}@media (max-width:968px){.about-content{gap:2.5rem;grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}}@media (max-width:768px){.about-stats{grid-template-columns:1fr}}.timeline-container{margin:0 auto;max-width:900px;position:relative;scroll-padding:80px 0;scroll-snap-type:y mandatory}.timeline{padding:1.5rem 0;position:relative}.timeline:before{animation:pulse-line 3s ease-in-out infinite;background:linear-gradient(180deg,#5865f2,#eb459e,#ed4245);bottom:0;box-shadow:0 0 10px #5865f266;content:"";left:30px;position:absolute;top:0;width:3px}@keyframes pulse-line{0%,to{opacity:1}50%{opacity:.7}}.timeline-item{align-items:center;display:flex;margin-bottom:1.5rem;min-height:350px;padding-left:80px;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transition:all .3s ease}.timeline-item.active .timeline-content{box-shadow:0 8px 20px #5865f24d}.timeline-marker{align-items:center;background:#2f3136;border:3px solid #5865f2;border-radius:50%;box-shadow:0 0 20px #5865f24d,inset 0 0 10px #5865f21a;display:flex;height:60px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:2}.timeline-item.active .timeline-marker{background:linear-gradient(135deg,#5865f2,#7289da);box-shadow:0 0 0 8px #5865f233,0 0 30px #5865f299,inset 0 0 20px #fff3;transform:scale(1.1) translateY(-50%)}.timeline-icon{font-size:1.8rem;transition:transform .3s ease}.timeline-item.active .timeline-icon{transform:rotate(1turn)}.timeline-content{background:#2f3136;border-left:4px solid #40444b;border-radius:8px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease;width:100%}.timeline-content:before{background:radial-gradient(circle,#5865f20d 0,#0000 70%);border-radius:50%;content:"";height:100px;pointer-events:none;position:absolute;right:0;top:0;width:100px}.timeline-item.active .timeline-content{border-left:4px solid #5865f2;box-shadow:0 8px 20px #5865f24d,inset 0 0 30px #5865f20d}.timeline-header{align-items:start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.timeline-header h3{color:#fff;font-size:1.15rem;margin:0}.timeline-date{color:#b9bbbe;font-size:.85rem;font-weight:500;white-space:nowrap}.timeline-details{animation:slideDown .3s ease;border-top:1px solid #40444b;margin-top:.75rem;padding-top:.75rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.timeline:before{left:20px}.timeline-item{padding-left:60px}.timeline-marker{height:40px;width:40px}.timeline-icon{font-size:1.3rem}.timeline-header{flex-direction:column;gap:.5rem}.timeline-header h3{font-size:1.1rem}.timeline-date{font-size:.85rem}}.experience{background:#36393f}.experience .timeline-content{background:#2f3136}.experience .timeline-item.active .timeline-content{background:#36393f}.timeline-header h4{color:#00aff4;font-size:1rem;font-weight:500;margin:0}.location{color:#b9bbbe;font-size:.85rem;margin-bottom:.75rem}.responsibilities{list-style:disc;margin:0;padding-left:1.5rem}.responsibilities li{color:#dcddde;line-height:1.6;margin-bottom:.65rem}@media (max-width:768px){.timeline-header h4{font-size:.9rem}}.education{background:#2f3136}.education .timeline-content{background:#36393f}.education .timeline-item.active .timeline-content{background:#2f3136}.timeline-details h4{color:#00aff4;font-size:1rem;font-weight:500;margin-bottom:.5rem}.school{color:#b9bbbe;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.activities,.skills-learned{color:#dcddde;font-size:.875rem;line-height:1.6;margin-top:.75rem}.activities strong,.skills-learned strong{color:#fff;display:block;margin-bottom:.5rem}.skills{background:#2f3136;position:relative}.skills:before{background-image:linear-gradient(45deg,#0000 48%,#5865f280 49%,#5865f280 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#eb459e80 49%,#eb459e80 51%,#0000 52%);background-position:0 0,30px 30px;background-size:60px 60px;content:"";height:100%;left:50%;opacity:.03;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:200%}.skills-container{margin:0 auto;max-width:900px}.skill-category{margin-bottom:2rem}.skill-category:last-child{margin-bottom:0}.skill-category h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5865f2,#eb459e);background-clip:text;-webkit-background-clip:text;border-bottom:2px solid #40444b;font-size:1.15rem;margin-bottom:1rem;padding-bottom:.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.65rem}.skill-tag{background:#36393f;border:1px solid #40444b;border-radius:6px;color:#dcddde;font-size:.875rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.skill-tag:before{background:linear-gradient(90deg,#0000,#5865f280,#0000);content:"";height:2px;left:-100%;position:absolute;top:50%;transition:left .5s ease;width:100%}.skill-tag:hover:before{left:100%}.skill-tag:hover{background:linear-gradient(90deg,#5865f2,#7289da);border-color:#5865f2;box-shadow:0 4px 12px #5865f24d,0 0 20px #5865f233;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.skill-category h3{font-size:1rem}.skill-tag{font-size:.825rem;padding:.45rem .9rem}}.projects{background:#36393f;position:relative}.projects:before{background-image:linear-gradient(#5865f24d 1px,#0000 0),linear-gradient(90deg,#5865f24d 1px,#0000 0);background-size:100px 100px;content:"";height:100%;left:0;opacity:.02;pointer-events:none;position:absolute;top:0;width:100%}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:#2f3136;border:1px solid #40444b;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-card:before{background:radial-gradient(circle,#5865f214 0,#0000 50%);content:"";height:200%;opacity:0;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity .5s ease;width:200%}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#5865f2;box-shadow:0 8px 20px #5865f24d,0 0 40px #5865f21a,inset 0 0 30px #5865f20d;transform:translateY(-4px)}.project-card h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.project-meta{color:#b9bbbe;font-size:.85rem;margin-bottom:.5rem}.project-institution{color:#00aff4;font-size:.85rem;font-weight:500;margin-bottom:.75rem}.project-card p{color:#dcddde;font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tech-tag{background:#36393f;border:1px solid #40444b;border-radius:4px;color:#00aff4;font-size:.75rem;font-weight:500;padding:.35rem .7rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card h3{font-size:1.05rem}}.contact{background:#2f3136;position:relative}.contact:before{background-image:radial-gradient(circle at 25% 75%,#5865f266 2px,#0000 0),radial-gradient(circle at 75% 25%,#eb459e66 2px,#0000 0);background-size:60px 60px;bottom:0;content:"";height:50%;left:0;opacity:.04;pointer-events:none;position:absolute;width:100%}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1000px}.contact-info p{color:#dcddde;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.contact-details{display:flex;flex-direction:column;gap:1.25rem}.contact-item{align-items:start;display:flex;gap:1rem}.contact-icon{display:inline-block;font-size:1.8rem}.contact-item h4{color:#fff;font-size:.95rem;margin-bottom:.25rem}.contact-item p{color:#dcddde;font-size:.9rem;margin:0}.contact-item a{color:#00aff4;text-decoration:none}.contact-item a:hover{color:#00d9ff;text-decoration:underline}.contact-form{background:#36393f;border:1px solid #40444b;border-radius:8px;padding:1.5rem}.submit-message{border-radius:6px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:1rem}.submit-message.success{background:#43b5811a;border:1px solid #43b581;color:#43b581}.submit-message.error{background:#ed42451a;border:1px solid #ed4245;color:#ed4245}.form-group{margin-bottom:1.25rem}.form-group label{color:#fff;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#2f3136;border:1px solid #40444b;border-radius:6px;color:#dcddde;font-family:inherit;font-size:.95rem;padding:.65rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#5865f2;outline:none}.form-group textarea{min-height:110px;resize:vertical}@media (max-width:968px){.contact-content{gap:2.5rem;grid-template-columns:1fr}}@media (max-width:768px){.contact-form{padding:1.25rem}}.footer{background:#202225;border-top:1px solid #40444b;color:#dcddde;margin-top:2.5rem;padding:2rem 0 1.25rem}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1.5fr 2fr;margin-bottom:1.5rem}.footer-info h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.footer-info p{color:#b9bbbe;font-size:.85rem;margin:.35rem 0}.footer-links{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.footer-section h4{color:#fff;font-size:1rem;margin-bottom:.75rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#b9bbbe;font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#5865f2}.footer-section li:not(a){color:#b9bbbe;font-size:.85rem}.footer-bottom{align-items:center;border-top:1px solid #ffffff0d;color:#8e9297;display:flex;font-size:.8rem;justify-content:space-between;padding-top:1.25rem}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-links{gap:1.25rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.65rem;text-align:center}}
/*# sourceMappingURL=main.b0e11557.css.map*/