@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#0f0f14;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f0f14}::-webkit-scrollbar-thumb{background:#ff3f3f;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ff5f5f}::selection{background:#ff3f3f4d;color:#fff}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:transparent;transition:all .3s ease}.navbar.scrolled{background:#0f0f14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000004d}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:2px}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links a{color:#fffc;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:#ff3f3f}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#ff3f3f;transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-social{display:flex;gap:1rem}.nav-social a{color:#fffc;transition:color .3s ease,transform .3s ease}.nav-social a:hover{color:#ff3f3f;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.hamburger span{width:25px;height:2px;background:#fff;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:900px){.hamburger{display:flex;z-index:1001}.nav-links{position:fixed;inset:0;background:#0f0f14fa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(100%);transition:transform .3s ease}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.5rem}.nav-social{display:none}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:10;padding:2rem}.hero-profile{margin-bottom:2rem}.profile-image{width:180px;height:180px;margin:0 auto;border-radius:50%;overflow:hidden;border:4px solid rgba(255,63,63,.5);box-shadow:0 0 40px #ff3f3f4d;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 60px #ff3f3f80}.profile-image img{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#1a1a2e,#2d2d44)}.hero-name{font-size:3.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero-title{font-size:1.5rem;color:#ffffffe6;margin:0 0 .5rem;font-weight:400}.hero-degree{font-size:1.1rem;color:#ff3f3f;margin:0 0 1.5rem}.hero-tagline{font-size:1rem;color:#ffffffb3;margin:0 0 2.5rem;letter-spacing:1px}.hero-social{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-btn:hover{background:#ff3f3f;border-color:#ff3f3f;transform:translateY(-3px);box-shadow:0 10px 30px #ff3f3f4d}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.8rem;z-index:10;animation:bounce 2s infinite}.scroll-indicator:hover{color:#ff3f3f}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.2rem}.profile-image{width:140px;height:140px}.hero-social{flex-direction:column;align-items:center}.social-btn{width:200px;justify-content:center}}.about{background:linear-gradient(180deg,#0f0f14,#13131a,#16161e)}.about-content{max-width:800px;margin:0 auto}.about-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-card p{font-size:1.1rem;line-height:1.8;color:#ffffffd9;margin-bottom:1.5rem}.about-card p:last-of-type{margin-bottom:2.5rem}.about-card strong{color:#ff3f3f}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.highlight{text-align:center}.highlight-number{display:block;font-size:2.5rem;font-weight:700;color:#ff3f3f;margin-bottom:.5rem}.highlight-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.about-card{padding:2rem}.about-card p{font-size:1rem}.about-highlights{grid-template-columns:1fr;gap:1.5rem}.highlight-number{font-size:2rem}}.experience{background:linear-gradient(180deg,#16161e,#141420,#121218)}.timeline{position:relative;max-width:900px;margin:0 auto;padding:1rem 0}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,#ff3f3f,#ff3f3f33)}.timeline-item{position:relative;width:50%;padding:.5rem 2rem;margin-bottom:-2rem}.timeline-item:last-child{margin-bottom:0}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-item:before{content:"";position:absolute;top:1.2rem;width:14px;height:14px;background:#ff3f3f;border-radius:50%;box-shadow:0 0 15px #ff3f3f80}.timeline-item.left:before{right:-7px}.timeline-item.right:before{left:-7px}.timeline-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.timeline-date{font-size:.8rem;color:#ff3f3f;font-weight:600;margin-bottom:.4rem}.timeline-title{font-size:1.1rem;color:#fff;margin:0 0 .2rem}.timeline-company{font-size:.95rem;color:#ffffffb3;font-weight:400;margin:0 0 .6rem}.timeline-description{font-size:.9rem;color:#fff9;line-height:1.5;margin:0}@media(max-width:768px){.timeline:before{left:20px}.timeline-item{width:100%;padding-left:50px;padding-right:1rem;margin-bottom:0}.timeline-item.left,.timeline-item.right{left:0;text-align:left}.timeline-item:before{left:12px!important;right:auto!important}}.projects{background:linear-gradient(180deg,#121218,#0f0f14,#0d0d12)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0006}.project-image{position:relative;height:200px;overflow:hidden}.project-image img,.project-image video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;background:linear-gradient(135deg,#2d2d44,#1a1a2e)}.project-card:hover .project-image img,.project-card:hover .project-image video{transform:scale(1.1)}.project-badges{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.award{background:linear-gradient(135deg,gold,#ffb347);color:#000;box-shadow:0 2px 10px #ffd70066}.badge.wip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #667eea66}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;color:#fff;margin:0 0 .75rem;line-height:1.3}.project-description{font-size:.9rem;color:#ffffffb3;line-height:1.6;margin:0 0 1.25rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tech-tag{padding:.3rem .7rem;background:#ff3f3f26;border:1px solid rgba(255,63,63,.3);border-radius:15px;font-size:.75rem;color:#ff3f3f}.project-team{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.85rem;color:#fff9}.team-label{margin-right:.25rem}.team-member{color:#ffffffd9;text-decoration:none;transition:color .3s ease}.team-member:hover{color:#0a66c2}.member-role{color:#ffffff80;font-size:.8rem}.team-separator{color:#fff6}.project-links{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.project-link{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s ease}.project-link.github{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.project-link.github:hover{background:#fff;color:#0f0f14}.project-link.demo{background:#ff3f3f;color:#fff}.project-link.demo:hover{background:#ff5f5f;transform:translateY(-2px)}.project-link.linkedin{background:#0a66c2;color:#fff}.project-link.linkedin:hover{background:#0077b5;transform:translateY(-2px)}.link-group{display:flex;align-items:center;gap:.5rem}.link-label{display:flex;align-items:center;gap:.4rem;color:#ffffffb3;font-size:.85rem;font-weight:500}.demo-label{color:#ff3f3f}.project-link.link-sub{padding:.4rem .8rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:.8rem}.project-link.link-sub:hover{background:#fff;color:#0f0f14}.project-link.demo-sub{padding:.4rem .8rem;background:#ff3f3f;color:#fff;font-size:.8rem}.project-link.demo-sub:hover{background:#ff5f5f}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-image{height:180px}.link-group{flex-wrap:wrap}}.expand-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-card:hover .expand-btn{opacity:1}.expand-btn:hover{background:#ff3f3fcc;transform:scale(1.1)}.fullscreen-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.fullscreen-close:hover{background:#ff3f3fcc;transform:scale(1.1)}.fullscreen-content{max-width:90vw;max-height:85vh;animation:zoomIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.fullscreen-content img,.fullscreen-content video{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.fullscreen-title{text-align:center;color:#fff;margin-top:1.5rem;font-size:1.5rem;font-weight:600}.fullscreen-overlay.closing{animation:fadeOut .3s ease forwards}.fullscreen-content.closing{animation:zoomOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.education{background:linear-gradient(180deg,#0d0d12,#111118,#14141c)}.education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1100px;margin:0 auto}.column-title{font-size:1.4rem;color:#fff;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,63,63,.3)}.edu-card,.cert-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.edu-card:hover,.cert-card:hover{transform:translate(10px);box-shadow:-5px 0 30px #ff3f3f1a;border-left:3px solid #ff3f3f}.edu-period,.cert-year{font-size:.85rem;color:#ff3f3f;font-weight:600;margin-bottom:.5rem}.edu-title,.cert-title{font-size:1.15rem;color:#fff;margin:0 0 .25rem}.edu-institution{font-size:.95rem;color:#ffffffb3;margin:0 0 .75rem}.edu-description,.cert-description{font-size:.9rem;color:#fff9;line-height:1.5;margin:0}@media(max-width:900px){.education-grid{grid-template-columns:1fr;gap:2rem}}.hobbies{background:linear-gradient(180deg,#14141c,#12121a 70% 100%);position:relative;overflow:hidden}.hobbies:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,#12121a);pointer-events:none;z-index:5}.hobbies .section-title.light{color:#fff}.hobbies-list{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.hobby-item{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:2rem;position:relative}.hobby-item.image-right{direction:rtl}.hobby-item.image-right>*{direction:ltr}.hobby-image{position:relative;border-radius:20px;overflow:visible}.hobby-image:before{content:"";position:absolute;inset:-50px;border-radius:40px;z-index:0;opacity:.6;filter:blur(80px);transition:opacity .5s ease}.hobby-item:hover .hobby-image:before{opacity:.8}.hobby-item.theme-padel .hobby-image:before{background:linear-gradient(135deg,#1e3c72,#2a5298,#ff8c32)}.hobby-item.theme-padel .hobby-title:after{background:linear-gradient(90deg,#3a7bd5,#ff8c32)}.hobby-item.theme-cycling .hobby-image:before{background:linear-gradient(135deg,#2d5a2d,#4a7c4a,#8b5a2b)}.hobby-item.theme-cycling .hobby-title:after{background:linear-gradient(90deg,#4a7c4a,#8b5a2b)}.hobby-item.theme-sailing .hobby-image:before{background:linear-gradient(135deg,#005082,#1e6596,#4682b4)}.hobby-item.theme-sailing .hobby-title:after{background:linear-gradient(90deg,#1e5799,#7db9e8)}.hobby-item.theme-hiking .hobby-image:before{background:linear-gradient(135deg,#1a3a1a,#2d5a2d,#4a854a)}.hobby-item.theme-hiking .hobby-title:after{background:linear-gradient(90deg,#2d5a2d,#6b8e23)}.hobby-item.theme-skiing .hobby-image:before{background:linear-gradient(135deg,#4a6a8a,#6a8aaa,#8aaaca)}.hobby-item.theme-skiing .hobby-title:after{background:linear-gradient(90deg,#6a8aaa,#9abadc)}.hobby-image-wrapper{position:relative;z-index:1;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0006}.hobby-image-wrapper:before{content:"";display:block;padding-top:75%}.hobby-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hobby-item:hover .hobby-image img{transform:scale(1.05)}.hobby-content{padding:1rem}.hobby-title{font-size:2rem;color:#fff;margin:0 0 1rem;position:relative}.hobby-title:after{content:"";display:block;width:60px;height:3px;margin-top:.75rem;border-radius:2px}.hobby-description{font-size:1.1rem;color:#ffffffd9;line-height:1.8;margin:0}.hobby-link{color:#ff8c50;text-decoration:none;border-bottom:1px solid rgba(255,140,80,.3);transition:all .3s ease}.hobby-link:hover{color:#ffb366;border-bottom-color:#ffb366}@media(max-width:900px){.hobby-item{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem}.hobby-item.image-right{direction:ltr}.hobby-title{font-size:1.5rem}.hobby-description{font-size:1rem}.hobby-image:before{inset:-15px;filter:blur(30px)}}.skills{background:linear-gradient(180deg,#12121a,#0f0f14)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.skill-category{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.category-title{font-size:1.1rem;color:#fff;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.skill-items{display:flex;flex-direction:column;gap:.75rem}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ff3f3f0d;border-radius:10px;transition:background .3s ease}.skill-item:hover{background:#ff3f3f26}.skill-name{color:#fff;font-weight:500}.skill-level{color:#ffffff80;font-size:.85rem}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-category{padding:1.5rem}}.contact{background:linear-gradient(180deg,#0f0f14,#0a0a0f)}.contact-content{max-width:900px;margin:0 auto;text-align:center}.contact-intro{font-size:1.2rem;color:#fffc;line-height:1.8;margin-bottom:3rem}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.contact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;text-decoration:none;transition:all .3s ease}.contact-card:hover{background:#ff3f3f1a;border-color:#ff3f3f4d;transform:translateY(-10px)}.contact-icon{color:#ff3f3f;margin-bottom:1rem}.contact-label{font-size:1.1rem;color:#fff;margin:0 0 .5rem}.contact-value{font-size:.9rem;color:#fff9;margin:0;word-break:break-all}.contact-location{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ffffff80;font-size:.95rem;margin-bottom:3rem}.contact-location svg{color:#ff3f3f}.footer{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer p{color:#fff6;font-size:.9rem;margin:0}@media(max-width:768px){.contact-cards{grid-template-columns:1fr}.contact-intro{font-size:1rem}}.app{min-height:100vh}.section{padding:4rem 2rem}.container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin:0 0 2rem;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,#ff3f3f,#ff6f6f);margin:1rem auto 0;border-radius:2px}