*{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{display:flex;align-items:center;gap:30px;background:rgba(255,255,255,.08);padding:10px 28px;border-radius:50px;border:1px solid rgba(255,255,255,.1);justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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%}.icon-link{display:flex;align-items:center;font-size:1.1rem}.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%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;-webkit-playsinline:true}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,10,10,.6);z-index:1}.hero-content{position:relative;z-index:2;padding:0 1.5rem;max-width:90vw}.name-container h1{font-size:clamp(1.8rem,7vw,4rem);font-weight:800;margin-bottom:1rem;line-height:1.2}.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;font-size:clamp(.85rem,2.5vw,1rem)}.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)}}.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-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;margin-top:3rem;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}.projects-container:hover .project-card{opacity:.4}.project-card:hover{transform:scale(1);opacity:1!important}.project-image,.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}.project-description{font-size:1.1rem;margin-bottom:.5rem;color:#ddd}.project-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:.75rem}.project-tools .tool{background:rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;font-size:.9rem;color:#fff}.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}.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){.navbar{padding:1rem 1.2rem;grid-template-columns:auto 1fr;gap:.5rem}.nav-dashboard{gap:16px;padding:8px 16px;font-size:.75rem}.nav-dashboard a{font-size:.72rem;letter-spacing:.5px}.icon-link{font-size:1rem}.hero{height:100svh}.background-video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{padding:0 1.2rem;text-align:center}.name-container h1{font-size:clamp(1.5rem,8vw,2.5rem);margin-bottom:.75rem}.editable-glow{font-size:.85rem}.projects-page-horizontal{overflow-x:hidden;overflow-y:visible;padding:1rem}.projects-container{flex-direction:column;gap:2rem;scroll-snap-type:none}.project-card{min-width:unset;width:100%;transform:scale(1)!important;opacity:1!important;margin-top:1.5rem}.project-image,.project-video{height:220px;margin-top:1rem;margin-bottom:.75rem}.project-description{font-size:.95rem}.experience-page{padding:80px 14px 40px}.timeline-container:before{left:16px}.timeline-item{gap:16px}.icon-circle{width:34px;height:34px;font-size:.9rem;flex-shrink:0}.experience-card{padding:1.25rem 1rem}.card-header{flex-direction:column;gap:8px}.meta-group{text-align:left;white-space:normal}.title-group h3{font-size:1.05rem}.institution{font-size:.9rem}.description{font-size:.88rem}.experience-card:hover{transform:none}}@media (max-width: 400px){.name-container h1{font-size:1.4rem}.nav-dashboard{gap:10px;padding:7px 12px}.project-image,.project-video{height:180px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#0a0a0a;color:#fff}body{margin:0;padding:0;min-height:100vh}