@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap);.ImageSection{grid-gap:3rem;align-items:start;animation:fadeInUp .7s ease both;display:grid;gap:3rem;grid-template-columns:1fr 1.5fr;margin-bottom:3rem;margin-top:3rem}@media screen and (max-width:1100px){.ImageSection{gap:2rem;grid-template-columns:1fr}}.ImageSection .img-wrapper{position:relative}.ImageSection .img-wrapper:before{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:16px;border-radius:var(--radius-md);content:"";filter:blur(10px);inset:-4px;opacity:.5;position:absolute;z-index:0}.ImageSection .img-wrapper img{border:2px solid #1a1a35;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);max-height:420px;object-fit:cover;position:relative;width:100%;z-index:1}.ImageSection .about-info{display:flex;flex-direction:column;gap:1.2rem}.ImageSection .about-info .about-details{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);overflow:hidden}.ImageSection .about-info .about-details .detail-row{align-items:baseline;border-bottom:1px solid #1a1a35;border-bottom:1px solid var(--border-color);display:flex;padding:.75rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ImageSection .about-info .about-details .detail-row:last-child{border-bottom:none}.ImageSection .about-info .about-details .detail-row:hover{background:linear-gradient(135deg,#7c3aed14,#ec48990a);background:var(--gradient-surface)}.ImageSection .about-info .about-details .detail-row .detail-label{color:#475569;color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:700;letter-spacing:1px;min-width:110px;text-transform:uppercase}.ImageSection .about-info .about-details .detail-row .detail-value{color:#94a3b8;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.ImageSection .about-info .cv-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #7c3aed59;color:#fff!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.85rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ImageSection .about-info .cv-btn:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.skillsContainer{grid-column-gap:3rem;grid-row-gap:1.8rem;animation:fadeInUp .7s ease .1s both;column-gap:3rem;display:grid;grid-template-columns:repeat(2,1fr);margin:3rem 0 4rem;row-gap:1.8rem}@media screen and (max-width:900px){.skillsContainer{grid-template-columns:1fr;row-gap:1.5rem}}.AboutPage .title-section{margin-bottom:.5rem;margin-top:3rem}.btn{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #7c3aed59;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;margin-top:1rem;outline:none;padding:.85rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.btn a{color:#fff;text-decoration:none}.btn-port{background:#7c3aed14;border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:100px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:.3px;outline:none;padding:.5rem 1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-port:active,.btn-port:focus,.btn-port:hover{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-color:#0000;box-shadow:0 4px 16px #7c3aed59;color:#fff;transform:translateY(-2px)}.buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-start;margin-bottom:2.5rem}.EducationPage{animation:fadeInUp .7s ease both}.timeline{padding:2rem 0 4rem;position:relative}.timeline:before{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);bottom:0;content:"";left:50%;opacity:.4;position:absolute;top:0;transform:translateX(-50%);width:2px}@media screen and (max-width:768px){.timeline:before{left:20px}}.timeline-item{animation:fadeInLeft .6s ease both;display:flex;justify-content:flex-end;margin-bottom:2.5rem;padding-right:calc(50% + 2.5rem);position:relative}.timeline-item.right{animation:fadeInRight .6s ease both;justify-content:flex-start;padding-left:calc(50% + 2.5rem);padding-right:0}@media screen and (max-width:768px){.timeline-item{justify-content:flex-start!important;padding:0 0 0 60px!important}}.timeline-item:before{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:50%;box-shadow:0 0 16px #7c3aed99;content:"";height:14px;left:50%;position:absolute;top:24px;transform:translateX(-50%);width:14px;z-index:2}@media screen and (max-width:768px){.timeline-item:before{left:14px}}.timeline-content{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);max-width:420px;padding:1.5rem 1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.timeline-content:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 8px 32px #00000080,0 0 40px #7c3aed40;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-4px)}.timeline-content .timeline-period{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;display:inline-flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:1.5px;margin-bottom:.8rem;text-transform:uppercase}.timeline-content .timeline-logo-row{align-items:center;display:flex;gap:1rem;margin-bottom:.8rem}.timeline-content .timeline-logo-row img{background:#ffffff0f;border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);height:52px;object-fit:contain;padding:6px;width:52px}.timeline-content .timeline-logo-row .timeline-degree{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.2px;line-height:1.35}.timeline-content .timeline-school{color:#94a3b8;color:var(--text-secondary);display:block;font-size:.82rem;line-height:1.5;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.timeline-content .timeline-school:hover{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text}.b-title{margin-bottom:3rem}.timeline-thesis{border-left:2px solid #7c3aed59;border-left:2px solid var(--border-accent);color:#475569;color:var(--text-muted);font-size:.78rem;font-style:italic;line-height:1.55;margin-top:.6rem;padding-left:.7rem}.ContactPageWrapper{animation:fadeInUp .7s ease both}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.5fr;margin-bottom:4rem}@media screen and (max-width:1000px){.contact-grid{gap:2.5rem;grid-template-columns:1fr}}.contact-info-list{display:flex;flex-direction:column;gap:1rem}.ContactItem .contact-card{align-items:center;background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1.2rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ContactItem .contact-card:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 2px 8px #0006,0 0 40px #7c3aed40;box-shadow:var(--shadow-sm),var(--shadow-glow);transform:translateX(4px)}.ContactItem .contact-card .contact-icon-wrap{align-items:center;background:linear-gradient(135deg,#7c3aed14,#ec48990a);background:var(--gradient-surface);border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ContactItem .contact-card .contact-icon-wrap img{filter:brightness(0) saturate(100%) invert(35%) sepia(93%) saturate(1000%) hue-rotate(250deg) brightness(90%) contrast(90%);height:22px;object-fit:contain;opacity:.85;width:22px}.ContactItem .contact-card .contact-text{flex:1 1;min-width:0}.ContactItem .contact-card .contact-text .contact-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:.68rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.25rem;text-transform:uppercase}.ContactItem .contact-card .contact-text p{color:#94a3b8;color:var(--text-secondary);font-size:.85rem;line-height:1.5;word-break:break-word}.contact-form-section{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-lg);padding:2rem 2.2rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form .form-row{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr}@media screen and (max-width:600px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-group{display:flex;flex-direction:column;gap:.4rem}.contact-form .form-group label{color:#94a3b8;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.contact-form .form-group input,.contact-form .form-group textarea{background:#0f0f25;background:var(--bg-card);border:1.5px solid #1a1a35;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:.8rem 1rem;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#475569;color:var(--text-muted)}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{background:#111128;background:var(--bg-surface);border-color:#7c3aed;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1f}.contact-form .form-group input.error,.contact-form .form-group textarea.error{border-color:#f43f5e}.contact-form .form-group textarea{min-height:130px}.contact-form .form-group .field-error{color:#f43f5e;font-size:.75rem;font-weight:500}.contact-form .form-submit{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #7c3aed59;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.9rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.contact-form .form-submit:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.contact-form .form-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.contact-form .form-success{align-items:center;animation:fadeInUp .4s ease both;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;border-radius:var(--radius-sm);color:#10b981;display:flex;font-size:.9rem;font-weight:500;gap:.6rem;padding:1rem 1.2rem}.title{margin-bottom:3rem}.App .sidebar{background-color:#070714;background-color:var(--bg-sidebar);border-right:1px solid #7c3aed26;height:100%;position:fixed;transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}@media screen and (max-width:1000px){.App .sidebar{transform:translateX(-100%);width:280px}}@media screen and (max-width:411px){.App .sidebar{width:82%}}@media screen and (max-width:1000px){.App .nav-toggle{box-shadow:6px 0 40px #0009;transform:translateX(0)}}.App .main-content{background-color:#07071a;background-color:var(--bg-primary);background-image:radial-gradient(circle,#7c3aed0d 1px,#0000 0);background-size:28px 28px;margin-left:260px;min-height:100vh;position:relative;transition:background-color .3s ease;width:calc(100% - 260px)}.App .main-content .content{padding:4rem 5rem}@media screen and (max-width:1400px){.App .main-content .content{padding:3rem 4rem}}@media screen and (max-width:1100px){.App .main-content .content{padding:2.5rem 3rem}}@media screen and (max-width:710px){.App .main-content .content{padding:2rem 1.5rem}}@media screen and (max-width:1000px){.App .main-content{margin-left:0;width:100%}}.nav-btn{align-items:center;background:#111128;background:var(--bg-surface);border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;left:1.2rem;padding:.6rem;position:fixed;top:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px;z-index:200}.nav-btn:hover{border-color:#7c3aed;border-color:var(--color-primary);box-shadow:0 0 40px #7c3aed40;box-shadow:var(--shadow-glow)}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:4px;display:none;height:2px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:22px}@media screen and (max-width:1000px){.nav-btn{display:flex}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{display:block}}.page-loader{align-items:center;display:flex;justify-content:center;min-height:60vh}.page-loader .loader-ring{animation:spin-loader .8s linear infinite;border:3px solid #1a1a35;border-top-color:#7c3aed;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}@keyframes spin-loader{to{transform:rotate(1turn)}}.error-boundary-ui{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.error-boundary-ui .error-card{background:#111128;background:var(--bg-surface);border:1px solid #f43f5e4d;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 0 40px #f43f5e1a;max-width:480px;padding:3rem 2.5rem;text-align:center;width:100%}.error-boundary-ui .error-card .error-icon{font-size:3rem;margin-bottom:1rem}.error-boundary-ui .error-card h2{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.6rem}.error-boundary-ui .error-card p{color:#475569;color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.error-boundary-ui .error-card .error-detail{background:#f43f5e14;border:1px solid #f43f5e33;border-radius:8px;border-radius:var(--radius-sm);color:#f43f5e;font-size:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:left;white-space:pre-wrap;word-break:break-word}.error-boundary-ui .error-card .error-retry-btn{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.error-boundary-ui .error-card .error-retry-btn:hover{box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.HomePage{align-items:center;display:flex;min-height:calc(100vh - 8rem);overflow:hidden;padding:2rem 0;position:relative}.hero{animation:fadeInUp .8s ease both;width:100%}.hero-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:100px;color:#10b981;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;letter-spacing:.5px;margin-bottom:1.5rem;padding:.4rem 1rem}.hero-badge:before{animation:blink 2s ease-in-out infinite;background:#10b981;border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.hero-title{color:#f1f5f9;color:var(--text-primary);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;letter-spacing:-1px;line-height:1.05;margin-bottom:.6rem}.hero-name{-webkit-text-fill-color:#0000;animation:gradient-flow 4s ease infinite;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:block}.hero-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.3rem);font-weight:500;letter-spacing:.3px;margin-bottom:1.2rem}.hero-desc{color:#475569;color:var(--text-muted);font-size:1rem;line-height:1.75;margin-bottom:2.5rem;max-width:560px}.hero-cta{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.hero-cta,.hero-socials{align-items:center;display:flex}.hero-socials{gap:.8rem;margin-bottom:3rem}.hero-socials .social-link{align-items:center;background:#7c3aed14;border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);display:flex;font-size:1.1rem;height:42px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:42px}.hero-socials .social-link:hover{background:linear-gradient(135deg,#7c3aed14,#ec48990a);background:var(--gradient-surface);border-color:#7c3aed;border-color:var(--color-primary);box-shadow:0 0 40px #7c3aed40;box-shadow:var(--shadow-glow);color:#f1f5f9;color:var(--text-primary);transform:translateY(-4px)}.hero-socials .social-link.gh:hover{border-color:#a855f7;color:#a855f7}.hero-socials .social-link.fb:hover{border-color:#3b82f6;color:#3b82f6}.hero-socials .social-link.li:hover{border-color:#0ea5e9;color:#0ea5e9}.hero-socials .social-link.ig:hover{border-color:#ec4899;color:#ec4899}.scroll-indicator{align-items:flex-start;animation:fadeInUp 1s ease .5s both;display:flex;flex-direction:column;gap:.4rem;opacity:.6}.scroll-indicator .scroll-line{animation:scroll-bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:2px;height:40px;margin-left:4px;width:1px}.scroll-indicator .scroll-label{color:#475569;color:var(--text-muted);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.hero-bg-shape{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:-1}.hero-bg-shape.shape-1{animation:float 8s ease-in-out infinite;background:#7c3aed1f;height:400px;right:-150px;top:-100px;width:400px}.hero-bg-shape.shape-2{animation:float 10s ease-in-out 2s infinite;background:#ec48991a;bottom:0;height:250px;right:20%;width:250px}@media screen and (max-width:1000px){.hero-cta{align-items:flex-start;flex-direction:column}.hero-desc{max-width:100%}}@media screen and (max-width:600px){.hero-badge{font-size:.72rem}.hero-socials .social-link{font-size:1rem;height:38px;width:38px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.NavBar{height:100%}.NavBar .nav{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem 0 1.5rem}.NavBar .nav .profile{border-bottom:1px solid #7c3aed33;padding:0 1.5rem 1.5rem;text-align:center;width:100%}.NavBar .nav .profile .avatar-wrapper{display:inline-block;margin-bottom:.8rem;position:relative}.NavBar .nav .profile .avatar-wrapper:before{animation:pulse-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:50%;content:"";inset:-3px;position:absolute;z-index:0}.NavBar .nav .profile .avatar-wrapper img{border:3px solid #070714;border:3px solid var(--bg-sidebar);border-radius:50%;display:block;height:90px;object-fit:cover;position:relative;width:90px;z-index:1}.NavBar .nav .profile .avatar-wrapper .status-dot{animation:blink 2s ease-in-out infinite;background:#10b981;border:2px solid #070714;border:2px solid var(--bg-sidebar);border-radius:50%;bottom:4px;height:14px;position:absolute;right:4px;width:14px;z-index:2}.NavBar .nav .profile .profile-name{color:#f1f5f9;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.2rem}.NavBar .nav .profile .profile-role{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:#94a3b8b3;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase}.NavBar .nav .nav-items{flex:1 1;padding:1.5rem 0;width:100%}.NavBar .nav .nav-items .nav-item{list-style:none}.NavBar .nav .nav-items .nav-item a{align-items:center;border-left:3px solid #0000;color:#94a3b8cc;display:flex;font-size:.9rem;font-weight:500;gap:.8rem;letter-spacing:.3px;padding:.75rem 1.8rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.NavBar .nav .nav-items .nav-item a .nav-icon{font-size:1.1rem;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.NavBar .nav .nav-items .nav-item a:hover{background:#7c3aed14;border-left-color:#7c3aed80;color:#f1f5f9}.NavBar .nav .nav-items .nav-item a:hover .nav-icon{opacity:1}.NavBar .nav .nav-footer{align-items:center;border-top:1px solid #7c3aed33;display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.5rem .5rem;width:100%}.NavBar .nav .nav-footer .theme-toggle{align-items:center;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8cc;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:.6rem;justify-content:center;padding:.55rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.NavBar .nav .nav-footer .theme-toggle:hover{background:#7c3aed26;border-color:#7c3aed66;color:#f1f5f9}.NavBar .nav .nav-footer .theme-toggle .theme-icon{font-size:1rem}.NavBar .nav .nav-footer .footer-copy{color:#94a3b866;font-size:.7rem;letter-spacing:.5px;text-align:center}.active{background:#7c3aed1f!important;border-left-color:#7c3aed!important;color:#f1f5f9!important}.active .nav-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;opacity:1!important}.SkillsSection{animation:fadeInUp .6s ease both}.skills-container .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skills-container .skill-title{color:#94a3b8;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.3px}.skills-container .skill-percent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:.78rem;font-weight:700}.skills-container .skill-track{background:#7c3aed1a;border:1px solid #7c3aed1a;border-radius:100px;height:6px;overflow:hidden;width:100%}.skills-container .skill-track .skill-fill{animation:skill-fill 1.2s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:100px;height:100%;position:relative}.skills-container .skill-track .skill-fill:after{background:#ffffff80;border-radius:50%;content:"";filter:blur(3px);height:100%;position:absolute;right:0;top:0;width:8px}.PortfolioPage{animation:fadeInUp .7s ease both}.portfolis{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);width:100%}@media screen and (max-width:1400px){.portfolis{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:800px){.portfolis{grid-template-columns:1fr}}.portfolis .portfolio{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolis .portfolio:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 8px 32px #00000080,0 0 40px #7c3aed40;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-6px)}.portfolis .portfolio:hover .image-data .hover-overlay{opacity:1}.portfolis .portfolio:hover .image-data .hover-items{opacity:1;transform:translate(-50%,-50%) scale(1)}.portfolis .portfolio .image-data{height:200px;overflow:hidden;position:relative}.portfolis .portfolio .image-data img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.portfolis .portfolio .image-data:hover img{transform:scale(1.06)}.portfolis .portfolio .image-data .hover-overlay{background:linear-gradient(135deg,#7c3aedbf,#ec4899bf);inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.portfolis .portfolio .image-data .hover-items{display:flex;gap:.8rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:all .35s cubic-bezier(.4,0,.2,1);z-index:2}.portfolis .portfolio .image-data .hover-items a{align-items:center;background:#fffffff2;border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;display:inline-flex;font-size:.78rem;font-weight:700;gap:.3rem;letter-spacing:.5px;padding:.5rem 1.1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolis .portfolio .image-data .hover-items a:hover{background:#fff;transform:translateY(-2px)}.portfolis .portfolio .portfolio-info{padding:1.2rem 1.4rem}.portfolis .portfolio .portfolio-info .portfolio-category{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.3rem;text-transform:uppercase}.portfolis .portfolio .portfolio-info h5{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.2px;margin-bottom:.4rem}.portfolis .portfolio .portfolio-info p{color:#475569;color:var(--text-muted);font-size:.78rem;line-height:1.5}.img-placeholder{align-items:center;animation:gradient-flow 4s ease infinite;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);background-size:200% 200%;display:flex;flex-direction:column;gap:.8rem;height:200px;justify-content:center;width:100%}.img-placeholder .placeholder-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));font-size:3rem}.img-placeholder .placeholder-label{color:#ffffffe6;font-size:.9rem;font-weight:700;letter-spacing:.3px;padding:0 1rem;text-align:center}.ServicesSection .service{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border-top:4px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);border-top:4px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:95%}@media screen and (max-width:1400px){.ServicesSection .service{margin-bottom:1rem;width:100%}}.ServicesSection .service:hover{border-top-color:#7c3aed;border-top-color:var(--color-primary);box-shadow:0 8px 32px #00000080,0 0 40px #7c3aed40;box-shadow:var(--shadow-md),var(--shadow-glow)}.ServicesSection .service .service-content{padding:1.2rem}.ServicesSection .service .service-content .s-title{color:#f1f5f9;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:.8rem 0;padding-bottom:.8rem;position:relative}.ServicesSection .service .service-content .s-title:after{background:#1a1a35;background:var(--border-color);bottom:0;content:"";height:1px;left:0;position:absolute;width:30%}.servives-container{display:flex;justify-content:space-between;margin-top:3rem}@media screen and (max-width:1400px){.servives-container{flex-direction:column;margin-bottom:2rem}}.Title{margin-bottom:.5rem}.Title,.Title h3{position:relative}.Title h3{color:#f1f5f9;color:var(--text-primary);display:inline-block;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.5px;padding-bottom:.8rem;text-transform:uppercase}.Title h3:after{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:4px;bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(.35);transform-origin:left;transition:transform .4s ease;width:100%}.Title h3:hover:after{transform:scaleX(1)}.Title .title-bg-text{color:#f1f5f9;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:4.5rem;font-weight:900;left:-4px;letter-spacing:-2px;opacity:.03;pointer-events:none;position:absolute;top:-10px;white-space:nowrap}.Title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text}.ExperiencePage{animation:fadeInUp .7s ease both}.exp-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.exp-tab-btn{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:100px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.5rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.exp-tab-btn:hover{border-color:#7c3aed59;border-color:var(--border-accent);color:#f1f5f9;color:var(--text-primary)}.exp-tab-btn.active{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-color:#0000;box-shadow:0 0 40px #7c3aed40;box-shadow:var(--shadow-glow);color:#fff}.exp-tab-content{animation:fadeInUp .35s ease both}.exp-stats-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.exp-stat{align-items:center;background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:90px;padding:.7rem 1.4rem}.exp-stat .exp-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800;line-height:1.2}.exp-stat .exp-stat-label{color:#475569;color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:1px;margin-top:.2rem;text-transform:uppercase;white-space:nowrap}.exp-section{margin-bottom:3.5rem}.exp-section .exp-section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;display:flex;font-size:.72rem;font-weight:700;gap:.6rem;letter-spacing:2px;margin-bottom:1.2rem;text-transform:uppercase}.exp-section .exp-section-title:after{background:#1a1a35;background:var(--border-color);content:"";flex:1 1;height:1px}.exp-list{display:flex;flex-direction:column;gap:1.2rem}.exp-card{background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);overflow:hidden;padding:1.5rem 1.8rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.exp-card:before{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:2px 0 0 2px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.exp-card:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 8px 32px #00000080,0 0 40px #7c3aed40;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateX(4px)}.exp-card:hover:before{opacity:1}.exp-card.current{border-color:#10b98140}.exp-card.current:before{background:linear-gradient(135deg,#10b981,#06b6d4);opacity:1}.exp-card .exp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.6rem}.exp-card .exp-title-group .exp-role{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.2px;margin-bottom:.2rem}.exp-card .exp-title-group .exp-company{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.exp-card .exp-title-group .exp-company .exp-type{background:linear-gradient(135deg,#7c3aed14,#ec48990a);background:var(--gradient-surface);border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:100px;color:#7c3aed;color:var(--color-primary);font-size:.68rem;font-weight:700;letter-spacing:.8px;padding:.15rem .6rem;text-transform:uppercase}.exp-card .exp-meta{flex-shrink:0;text-align:right}.exp-card .exp-meta .exp-period{color:#475569;color:var(--text-muted);font-size:.78rem;font-weight:600;white-space:nowrap}.exp-card .exp-meta .exp-badge-current{align-items:center;background:#10b9811a;border:1px solid #10b98140;border-radius:100px;color:#10b981;display:inline-flex;font-size:.68rem;font-weight:700;gap:.3rem;margin-top:.3rem;padding:.2rem .6rem}.exp-card .exp-meta .exp-badge-current:before{animation:blink 2s ease-in-out infinite;background:#10b981;border-radius:50%;content:"";height:6px;width:6px}.exp-card .exp-points{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin-top:.8rem}.exp-card .exp-points li{color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.6rem;line-height:1.6}.exp-card .exp-points li:before{color:#7c3aed;color:var(--color-primary);content:"→";flex-shrink:0;font-size:.8rem;margin-top:.1rem}.exp-card .exp-link{align-items:center;color:#7c3aed;color:var(--color-primary);display:inline-flex;font-size:.78rem;font-weight:600;gap:.3rem;margin-top:.8rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.exp-card .exp-link:hover{color:#ec4899;color:var(--color-secondary);gap:.5rem}.pub-list{flex-direction:column}.pub-card,.pub-list{display:flex;gap:1.2rem}.pub-card{align-items:flex-start;background:#111128;background:var(--bg-surface);border:1px solid #1a1a35;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-md);padding:1.5rem 1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pub-card:hover{border-color:#7c3aed59;border-color:var(--border-accent);box-shadow:0 8px 32px #00000080,0 0 40px #7c3aed40;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-3px)}.pub-card .pub-icon{align-items:center;background:linear-gradient(135deg,#7c3aed14,#ec48990a);background:var(--gradient-surface);border:1px solid #7c3aed59;border:1px solid var(--border-accent);border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:1.3rem;height:46px;justify-content:center;width:46px}.pub-card .pub-body{flex:1 1;min-width:0}.pub-card .pub-body .pub-title{color:#f1f5f9;color:var(--text-primary);font-size:.92rem;font-weight:700;letter-spacing:-.2px;line-height:1.45;margin-bottom:.5rem}.pub-card .pub-body .pub-meta{color:#94a3b8;color:var(--text-secondary);font-size:.78rem;line-height:1.5;margin-bottom:.4rem}.pub-card .pub-body .pub-status{align-items:center;border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:700;gap:.3rem;letter-spacing:1px;padding:.2rem .7rem;text-transform:uppercase}.pub-card .pub-body .pub-status.published{background:#7c3aed1a;border:1px solid #7c3aed40;color:#7c3aed;color:var(--color-primary)}.pub-card .pub-body .pub-status.under-review{background:#fb923c1a;border:1px solid #fb923c40;color:#fb923c}.pub-card .pub-body .pub-status.first-author{background:#10b9811a;border:1px solid #10b98140;color:#10b981;margin-left:.4rem}:root{--bg-primary:#07071a;--bg-secondary:#0d0d21;--bg-sidebar:#070714;--bg-surface:#111128;--bg-card:#0f0f25;--color-primary:#7c3aed;--color-secondary:#ec4899;--color-accent:#06b6d4;--color-success:#10b981;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border-color:#1a1a35;--border-accent:#7c3aed59;--gradient-main:linear-gradient(135deg,#7c3aed,#ec4899);--gradient-accent:linear-gradient(135deg,#06b6d4,#3b82f6);--gradient-warm:linear-gradient(135deg,#f97316,#ec4899);--gradient-surface:linear-gradient(135deg,#7c3aed14,#ec48990a);--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 20px 60px #0009;--shadow-glow:0 0 40px #7c3aed40;--shadow-glow-pink:0 0 40px #ec489933;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-primary:#f0f0ff;--bg-secondary:#f8f8ff;--bg-sidebar:#070714;--bg-surface:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--border-accent:#7c3aed33;--gradient-surface:linear-gradient(135deg,#7c3aed0a,#ec489905);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #0000001a;--shadow-lg:0 20px 60px #0000001f;--shadow-glow:0 0 40px #7c3aed1f;--shadow-glow-pink:0 0 40px #ec48991a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed80,0 0 40px #7c3aed33}50%{box-shadow:0 0 35px #ec489999,0 0 70px #ec489940}}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes scroll-bounce{0%,to{opacity:.9;transform:translateX(-50%) translateY(0)}50%{opacity:.4;transform:translateX(-50%) translateY(8px)}}@keyframes skill-fill{0%{width:0!important}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slide-in-nav{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer-bg{0%{background-position:-200%}to{background-position:200%}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border-radius:50px}body::-webkit-scrollbar-track{background-color:#0d0d21;background-color:var(--bg-secondary)}body{background-color:#07071a;background-color:var(--bg-primary);color:#94a3b8;color:var(--text-secondary);font-family:Inter,M PLUS Rounded\ 1c,sans-serif;font-size:1rem;line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5{color:#f1f5f9;color:var(--text-primary);line-height:1.2}a{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text}.btn-primary{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);background:var(--gradient-main);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #7c3aed59;color:#fff!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.85rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1.5px solid #7c3aed59;border:1.5px solid var(--border-accent);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9!important;color:var(--text-primary)!important;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.85rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-secondary:hover{background:linear-gradient(135deg,#7c3aed14,#ec48990a);background:var(--gradient-surface);border-color:#7c3aed;border-color:var(--color-primary);box-shadow:0 0 40px #7c3aed40;box-shadow:var(--shadow-glow);transform:translateY(-3px)}.btn-secondary:active{transform:translateY(-1px)}@media screen and (max-width:411px){html{font-size:60%}}@media screen and (max-width:700px){html{font-size:90%}}@media screen and (max-width:480px){h2,h3{font-size:70%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ddaa19f8.css.map*/