*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0a0a0a;color:#fff;overflow-x:hidden}.portfolio-container{min-height:100vh;display:flex;flex-direction:column}.navbar{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.5rem 3rem;position:fixed;top:0;left:0;background:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.logo{font-weight:900;font-size:1.5rem;letter-spacing:2px;color:#fff;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-dashboard{gap:30px;background:rgba(255,255,255,.05);padding:12px 30px;border-radius:50px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:40px}.nav-dashboard a{text-decoration:none;color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;transition:.4s ease;position:relative}.nav-dashboard a:hover,.nav-dashboard a.active{opacity:1}.nav-dashboard a:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:2px;background:#fff;transition:.3s ease}.nav-dashboard a.active:after,.nav-dashboard a:hover:after{width:100%}.nav-spacer{width:40px}.main-content{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding-bottom:10px}.hero{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,10,10,.6);z-index:1}.hero{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:2}.name-container h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-bottom:1rem}.dynamic-name{color:#fff}.cursor{color:#fff;font-weight:200;margin-left:5px;animation:blink .7s infinite}@keyframes blink{50%{opacity:0}}.editable-glow{color:#fff;font-weight:600;cursor:text;padding:0 4px;transition:all .3s ease}.editable-glow:focus{outline:none;text-shadow:0 0 10px #ffffff}.page-content{text-align:center;animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-dashboard{display:flex;align-items:center;gap:30px;padding:8px 28px;border-radius:50px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-dashboard a{color:#fff;text-decoration:none;font-size:.95rem;transition:.3s ease}.nav-dashboard a:hover{color:#fff}.icon-link{display:flex;align-items:center;font-size:1.1rem}.projects-page{display:flex;flex-direction:column;gap:60px;padding:2rem;margin-top:3rem;align-items:center}.project-card{text-align:center;max-width:800px;margin-top:3rem}.project-image{width:100%;height:auto;max-width:1100px;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 10px 20px #0006}.project-description{font-size:1.1rem;margin-bottom:.5rem;color:#ddd}.project-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.project-tools .tool{background:rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;font-size:.9rem;color:#fff}.projects-page-horizontal{overflow-x:auto;overflow-y:hidden;padding:2rem;width:100%;scrollbar-width:thin}.projects-page-horizontal::-webkit-scrollbar{height:10px}.projects-page-horizontal::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:6px}.projects-page-horizontal::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.projects-page-horizontal{position:relative;margin-bottom:20px;overflow-x:auto}.projects-container{display:flex;gap:2rem;scroll-snap-type:x mandatory;scroll-padding:2rem}.project-card{min-width:800px;flex:0 0 auto;scroll-snap-align:center;text-align:center}.project-image{width:100%;max-width:1100px;height:540px;object-fit:cover;border-radius:12px;box-shadow:0 10px 20px #0006;margin-bottom:1rem;margin-top:2rem}.projects-container::-webkit-scrollbar{height:8px}.projects-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.projects-container::-webkit-scrollbar-track{background:transparent}.project-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.5rem}.project-link{display:inline-block;padding:6px 14px;border-radius:20px;background:rgba(0,255,255,.1);color:#fff;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}.project-link:hover{background:rgba(0,255,255,.3);text-decoration:none;text-shadow:0 0 8px #fff;cursor:pointer}.project-card{transform:scale(.9);opacity:.6;transition:all .3s ease}.projects-container .project-card:first-child{transform:scale(1);opacity:1}.projects-container:hover .project-card:not(:hover){transform:scale(.9);opacity:.6}.project-card:hover{transform:scale(1);opacity:1}.projects-container:hover .project-card{opacity:.4}.project-card:hover{opacity:1!important}.experience-page{padding:100px 20px;max-width:1200px;margin:0 auto;width:100%}.timeline-container{position:relative;display:flex;flex-direction:column;gap:2rem}.timeline-container:before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:2px;background:#fff;z-index:0}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:30px;z-index:1}.timeline-icon{background:#0a0a0a;padding:5px 0}.icon-circle{width:42px;height:42px;background:#fff;border:1px solid #333;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.1rem;box-shadow:0 0 10px #00000080;color:#fff}.experience-card{flex:1;background:#111111;border:1px solid #222;border-radius:12px;padding:2rem;text-align:left;transition:transform .3s ease,border-color .3s ease}.experience-card:hover{border-color:#444;transform:translate(5px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.title-group h3{font-size:1.25rem;font-weight:600;margin-bottom:4px}.institution{color:#fff;font-size:1rem;font-weight:400}.meta-group{text-align:right;font-size:.9rem;color:#888;white-space:nowrap}.dot{margin:0 8px}.description{color:#ccc;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.card-header{flex-direction:column;gap:10px}.meta-group{text-align:left}}.project-video{width:100%;max-width:1100px;height:540px;object-fit:cover;border-radius:12px;box-shadow:0 10px 20px #0006;margin-bottom:1rem;margin-top:2rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#0a0a0a;color:#fff}body{margin:0;padding:0;min-height:100vh}