:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#0f0f0ff2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0 2rem;box-sizing:border-box;transition:background-color .3s ease,backdrop-filter .3s ease}.navbar--scrolled{background-color:#0f0f0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.navbar-logo .logo-text{color:#fc0;font-size:2rem;font-weight:700;letter-spacing:2px}.navbar-links{display:flex;list-style:none;gap:2.5rem;margin:0;padding:0}.nav-item a{text-decoration:none;color:#fff;font-size:1.1rem;font-weight:500;transition:color .3s ease;padding-bottom:5px}.nav-item a:hover{color:#fc0}.nav-item.active a{border-bottom:2px solid #ffcc00}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:1002;padding:0}.hamburger-line{width:28px;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.hamburger--active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger--active .hamburger-line:nth-child(2){opacity:0}.hamburger--active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu-overlay{display:none}@media(max-width:768px){.hamburger{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#0f0f0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right .4s ease;z-index:1001;box-shadow:-10px 0 30px #00000080}.navbar-links--open{right:0}.nav-item a{font-size:1.3rem}.navbar-logo .logo-text{font-size:1.5rem}.menu-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:999}}@media(max-width:480px){.navbar{padding:0 1rem}.navbar-links{width:80%}}.section{width:100%;padding:0 160px;box-sizing:border-box;background-color:#0f0f0f;display:flex;justify-content:center;align-items:center}.section--hidden{opacity:0;transform:translateY(60px)}.section--visible{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}.section--first{margin-top:80px;height:calc(100vh - 80px);display:flex;align-items:center}.section--gap{margin-bottom:190px}@media(max-width:1200px){.section{padding:0 80px}}@media(max-width:768px){.section{padding:0 40px}.section--gap{margin-bottom:120px}}.eb-container{--electric-border-color: #5227FF;--electric-light-color: oklch(from var(--electric-border-color) l c h);--gradient-color: oklch(from var(--electric-border-color) .3 calc(c/2) h / .4);--eb-border-width: 2px;position:relative;border-radius:inherit}.eb-circular,.eb-circular .eb-inner-container,.eb-circular .eb-border-outer,.eb-circular .eb-main-border,.eb-circular .eb-glow-layer-1,.eb-circular .eb-glow-layer-2,.eb-circular .eb-overlay-1,.eb-circular .eb-overlay-2,.eb-circular .eb-background-glow,.eb-circular .eb-content{border-radius:50%}.eb-svg-container{position:absolute}.eb-inner-container{position:absolute;inset:0;border-radius:inherit;z-index:10;pointer-events:none}.eb-border-outer{position:absolute;inset:0;border:1px solid oklch(from var(--electric-border-color) l c h / .5);border-radius:inherit;padding-right:4px;padding-bottom:4px;box-sizing:border-box}.eb-main-border{position:absolute;inset:0;border:var(--eb-border-width) solid var(--electric-border-color);border-radius:inherit;margin-top:-4px;margin-left:-4px;box-sizing:border-box}.eb-glow-layer-1{border:1px solid oklch(from var(--electric-border-color) l c h / .6);border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;filter:blur(1px);box-sizing:border-box}.eb-glow-layer-2{border:1px solid var(--electric-light-color);border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;filter:blur(4px);box-sizing:border-box}.eb-overlay-1{position:absolute;width:100%;height:100%;inset:0;border-radius:inherit;opacity:1;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white);pointer-events:none}.eb-overlay-2{position:absolute;width:100%;height:100%;inset:0;border-radius:inherit;opacity:.5;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white);pointer-events:none}.eb-background-glow{position:absolute;width:100%;height:100%;inset:0;border-radius:inherit;filter:blur(32px);transform:scale(1.1);opacity:.3;z-index:-1;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color));pointer-events:none}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-ios .eb-main-border.eb-static{border-width:3px;margin:0;inset:0;box-shadow:0 0 8px var(--electric-border-color),0 0 16px oklch(from var(--electric-border-color) l c h / .5)}.eb-ios .eb-glow-layer-1{border-width:2px;opacity:.7}.eb-ios .eb-glow-layer-2{border-width:2px;opacity:.5;filter:blur(8px)}.eb-ios .eb-background-glow{opacity:.4}.text-type{display:inline-block;white-space:pre-wrap}.text-type__content{background:linear-gradient(90deg,#fc0,#fff,#fc0,#fff,#fc0);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 3s linear infinite}@keyframes gradient-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1;color:#fc0;-webkit-text-fill-color:#ffcc00}.text-type__cursor--hidden{display:none}.hero-section{color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.hero-container{display:flex;align-items:center;gap:4rem;max-width:1200px;width:100%}.hero-content{flex:1}.hero-content .greeting{color:#fc0;font-size:1.5rem;margin-bottom:.5rem;font-weight:500}.hero-content .name{font-size:4.5rem;font-weight:700;margin:0;line-height:1.1}.hero-content .title{font-size:2rem;margin:.5rem 0;color:#fff}.hero-content .highlight{color:#fc0}.hero-content .tagline{font-size:1.1rem;color:#a0a0a0;margin-top:1.5rem}.hero-image{flex-shrink:0}.profile-electric-border{border-radius:50%}.profile-circle{width:350px;height:350px;border-radius:50%;overflow:hidden;background-color:#222;display:flex;align-items:center;justify-content:center}.profile-circle img{width:100%;height:100%;object-fit:cover}@media(max-width:968px){.hero-container{flex-direction:column-reverse;text-align:center;gap:2rem}.hero-content .name{font-size:3rem}.profile-circle{width:250px;height:250px}}.about-card{background-color:#1a1a1a;padding:3rem;border-radius:40px;max-width:1100px;width:100%;box-shadow:0 20px 40px #0000004d}.about-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.about-title{font-size:2.2rem;font-weight:600;color:#fff;margin:0;white-space:nowrap}.title-line{height:2px;background-color:#fc0;flex:0 0 150px}.about-content{display:flex;align-items:flex-start;gap:4rem}.about-image-container{flex-shrink:0}.about-electric-border{border-radius:50%}.about-profile-circle{width:250px;height:250px;border-radius:50%;overflow:hidden;background-color:#222}.about-profile-circle img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-text p{font-size:1.15rem;line-height:1.6;color:#d1d1d1;margin:0}@media(max-width:968px){.about-content{flex-direction:column;align-items:center;text-align:center;gap:2rem}.about-card{padding:2rem;border-radius:30px}.about-header{justify-content:center}.about-profile-circle{width:200px;height:200px}}@media(max-width:480px){.about-title{font-size:1.8rem}.title-line{flex:0 0 50px}}.skills-card{background-color:#1a1a1a;padding:2rem 3rem;border-radius:40px;max-width:1100px;width:100%;box-shadow:0 20px 40px #0000004d}.skills-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.skills-header .title-line{height:2px;background-color:#fc0;flex:0 0 60px}.skills-title{font-size:1.8rem;font-weight:600;color:#fff;margin:0}.skills-list{display:flex;flex-wrap:wrap;gap:1rem}.skill-item{display:flex;align-items:center;gap:.8rem;background-color:#2a2a2a;padding:.8rem 1.5rem;border-radius:12px;border:1px solid #333;cursor:pointer;transition:all .3s ease}.skill-item:hover{background-color:#333;border-color:#fc0;transform:translateY(-3px);box-shadow:0 8px 20px #ffcc0026}.skill-logo{width:36px;height:36px;object-fit:contain;transition:transform .3s ease}.skill-item:hover .skill-logo{transform:scale(1.1)}.skill-name{font-size:1rem;color:#fff;font-weight:500;transition:color .3s ease}.skill-item:hover .skill-name{color:#fc0}@media(max-width:768px){.skills-card{padding:1.5rem 2rem;border-radius:30px}.skills-list{justify-content:center}}.education-card{max-width:1100px;width:100%;background-color:#1a1a1a;padding:2.5rem 3rem;border-radius:40px;box-shadow:0 20px 40px #0000004d}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:1.5rem}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:14px;height:14px;border-radius:50%;background-color:#fc0;flex-shrink:0}.timeline-line{width:2px;flex:1;background-color:#444;min-height:80px}.timeline-content{padding-bottom:2rem}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-period{font-size:.9rem;color:#888;margin-bottom:.3rem;display:block}.timeline-degree{font-size:1.2rem;font-weight:600;color:#fc0;margin:0 0 .3rem;line-height:1.3}.timeline-institution{font-size:.95rem;color:#fff;margin:0 0 .4rem}.timeline-description{font-size:.85rem;color:#666;line-height:1.5;margin:0;font-style:italic}@media(max-width:768px){.education-card{padding:2rem;border-radius:30px}.timeline-item{gap:1rem}.timeline-degree{font-size:1rem}.timeline-line{min-height:60px}}.portfolio-container{max-width:1100px;width:100%}.portfolio-header{text-align:center;margin-bottom:3rem}.portfolio-title{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .8rem}.portfolio-title .highlight{color:#fc0}.title-underline{width:80px;height:3px;background-color:#fc0;margin:0 auto}.portfolio-grid{display:flex;flex-direction:column;gap:2rem}.project-card{display:flex;gap:2.5rem;background-color:#1a1a1a;padding:2rem;border-radius:30px;box-shadow:0 20px 40px #0000004d}.project-image{flex-shrink:0;width:300px;height:200px;border-radius:10px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background-color:#d1d1d1}.project-content{display:flex;flex-direction:column;flex:1}.project-title{font-size:1.5rem;font-weight:600;color:#fc0;margin:0 0 1rem}.project-description{font-size:1rem;color:#a0a0a0;line-height:1.6;margin:0;flex:1;text-align:justify}.project-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn{padding:.8rem 3rem;border-radius:30px;text-decoration:none;font-size:1rem;font-weight:500;text-align:center;transition:all .3s ease}.btn-live{background-color:#2a2a2a;color:#fff;border:1px solid #333}.btn-live:hover{background-color:#fc0;color:#000;border-color:#fc0}.btn-github{background-color:#2a2a2a;color:#fff;border:1px solid #333}.btn-github:hover{background-color:#333;border-color:#fc0}@media(max-width:768px){.project-card{flex-direction:column;padding:1.5rem}.project-image{width:100%;height:180px}.project-buttons{justify-content:center}.btn{padding:.7rem 2rem}}.contact-container{max-width:1100px;width:100%}.contact-main-title{font-size:2rem;font-weight:600;color:#fff;text-align:center;margin:0 0 2.5rem}.contact-main-title .highlight{color:#fc0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}.contact-card{background-color:#1a1a1a;padding:2rem;border-radius:30px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.contact-card--details{justify-content:space-between}.card-title{font-size:1.3rem;font-weight:600;color:#fc0;margin:0 0 1.5rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-input,.form-textarea{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;padding:.8rem 1rem;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{border-color:#fc0}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-textarea{resize:vertical;min-height:100px}.submit-btn{background-color:transparent;border:1px solid #ffcc00;color:#fc0;padding:.8rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){background-color:#fc0;color:#000}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn--loading{position:relative}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-message{padding:.8rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message--success{background-color:#22c55e26;border:1px solid #22c55e;color:#22c55e}.form-message--error{background-color:#ef444426;border:1px solid #ef4444;color:#ef4444}.contact-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background-color:#2a2a2a;border-radius:12px;border:1px solid #333;text-decoration:none;transition:all .3s ease}.detail-item:not(.detail-item--static):hover{border-color:#fc0;background-color:#333;transform:translate(5px)}.detail-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#fc0,#ff9500);border-radius:12px;flex-shrink:0}.detail-icon svg{color:#000}.detail-content{display:flex;flex-direction:column;gap:.2rem}.detail-label{font-size:.7rem;color:#888;letter-spacing:1.5px;font-weight:500;text-transform:uppercase}.detail-value{font-size:.95rem;color:#fff;font-weight:500}.social-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #333}.social-label{display:block;font-size:.8rem;color:#888;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1rem;text-align:center}.social-icons{display:flex;justify-content:center;gap:1rem}.social-icon-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#2a2a2a;border-radius:50%;transition:all .3s ease;border:1px solid #333}.social-icon-link:hover{background-color:#fc0;border-color:#fc0;transform:translateY(-5px);box-shadow:0 10px 20px #ffcc004d}.social-icon-link img{width:26px;height:26px;object-fit:contain}.github-icon{filter:invert(1)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:1.5rem}.detail-item:not(.detail-item--static):hover{transform:none}}#root{width:100%;margin:0;padding:0}.App{width:100%;min-height:100vh}body{margin:0;padding:0;overflow-x:hidden}