:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.detail-view{animation:fadeIn .4s ease-out;position:relative;pointer-events:auto;z-index:10;width:100%}.detail-content{width:100%;padding-bottom:100px}.detail-title-block{margin-bottom:2rem}.detail-title-block h3{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(to right,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-stack-detail{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.experience-detail-container{max-width:1000px;margin:0 auto;background:#1e293b66;border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:40px 40px 60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.exp-header{margin-bottom:30px;border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:20px}.exp-role{font-size:2.5rem;font-weight:700;margin:0 0 10px;background:linear-gradient(to right,#f3e8ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.exp-meta-row{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:15px}.exp-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:.85rem;font-family:"monospace";font-weight:500}.clickable-chip{text-decoration:none;cursor:pointer;transition:all .2s ease;background:#3b82f640;border-color:#3b82f680}.clickable-chip:hover{background:#3b82f659;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640;color:#bfdbfe}.chip-company{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.chip-date{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.exp-body{font-size:1.1rem;line-height:1.8;color:#cbd5e1;margin-bottom:40px}.tools-section{background:#0f172a99;border-radius:12px;padding:20px;border:1px solid rgba(148,163,184,.1)}.tools-title{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#94a3b8;margin-bottom:15px;font-weight:700;display:block}.tools-grid{display:flex;flex-wrap:wrap;gap:10px}.tech-category-group{margin-bottom:20px}.tech-category-group:last-child{margin-bottom:0}.tech-category-name{font-size:.9rem;color:#a78bfa;margin:0 0 10px;font-weight:600}.tool-badge{padding:6px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#e9d5ff;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s}.tool-badge:hover{background:#8b5cf640;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.clickable-tag{cursor:pointer;position:relative;overflow:hidden}.clickable-tag:hover{background:#8b5cf666!important;border-color:#8b5cf6cc!important;text-decoration:underline;box-shadow:0 0 15px #8b5cf680}.clickable-tag:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#e9d5ff;transform:translate(-100%);transition:transform .3s ease}.clickable-tag:hover:after{transform:translate(0)}.timeline-view{animation:fadeIn .4s ease-out;position:relative;pointer-events:auto;z-index:10}.timeline-container{position:relative;padding:2rem 0;margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.timeline-container:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent 0%,var(--accent) 10%,var(--accent) 90%,transparent 100%);transform:translate(-50%);box-shadow:0 0 20px #7c3aed80;z-index:1}.timeline-education-branch{position:absolute;left:50%;top:0;bottom:0;pointer-events:none;z-index:0;width:100%}.education-branch-out{position:absolute;left:50%;top:var(--branch-start);width:calc(var(--branch-offset) - 8px);height:2px;background:var(--branch-color, #3b82f6);box-shadow:0 0 8px var(--branch-color, #3b82f6);transform:translateY(-50%)}.education-branch-out:after{content:"";position:absolute;right:-8px;top:50%;width:16px;height:16px;border:2px solid var(--branch-color, #3b82f6);border-top:none;border-left:none;border-radius:0 0 16px;transform:translate(50%,-50%);box-shadow:0 0 8px var(--branch-color, #3b82f6);background:transparent}.education-branch-parallel{position:absolute;left:calc(50% + var(--branch-offset));top:var(--branch-start);width:2px;height:var(--branch-height);background:var(--branch-color, #3b82f6);box-shadow:0 0 10px var(--branch-color, #3b82f6);border-radius:2px}.education-branch-parallel:after{content:"";position:absolute;bottom:-8px;left:50%;width:16px;height:16px;border:2px solid var(--branch-color, #3b82f6);border-bottom:none;border-right:none;border-radius:16px 0 0;transform:translate(-50%,50%);box-shadow:0 0 8px var(--branch-color, #3b82f6);background:transparent}.education-branch-in{position:absolute;left:50%;top:calc(var(--branch-start) + var(--branch-height));width:calc(var(--branch-offset) - 8px);height:2px;background:var(--branch-color, #3b82f6);box-shadow:0 0 8px var(--branch-color, #3b82f6);transform:translateY(-50%)}.education-branch-content{position:absolute;left:calc(50% + var(--branch-offset) + .5rem);top:calc(var(--branch-start) + var(--branch-height) / 2);transform:translateY(-50%);background:#0f172af2;border:1px solid var(--branch-color, #3b82f6);border-radius:.5rem;padding:.5rem .75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006;min-width:140px;transition:all .3s ease;pointer-events:auto}.timeline-education-branch:hover .education-branch-content{border-color:var(--branch-color, #3b82f6);box-shadow:0 0 20px var(--branch-color, #3b82f6);transform:translateY(-50%) scale(1.05)}.education-branch-label{font-size:.8rem;font-weight:700;color:var(--branch-color, #3b82f6);margin-bottom:.2rem;white-space:nowrap}.education-branch-period{font-size:.7rem;color:var(--text-muted);font-weight:600}.timeline-item{position:relative;margin-bottom:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:50%;opacity:0;animation:timelineFadeIn .6s ease-out forwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}@keyframes timelineFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-item-left{left:0;text-align:right;padding-right:3rem}.timeline-item-right{left:50%;text-align:left;padding-left:3rem}.timeline-item:hover{transform:translateY(-5px) scale(1.02)}.timeline-item-left:hover{transform:translateY(-5px) translate(-10px) scale(1.02)}.timeline-item-right:hover{transform:translateY(-5px) translate(10px) scale(1.02)}.timeline-dot{position:absolute;top:.5rem;width:16px;height:16px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #7c3aedcc,0 0 40px #7c3aed66;z-index:3;transition:all .3s ease;border:3px solid var(--bg-elevated);display:flex;align-items:center;justify-content:center}.timeline-item-left .timeline-dot{right:-2.5rem}.timeline-item-right .timeline-dot{left:-2.5rem}.timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 30px #7c3aed,0 0 60px #7c3aed99;background:#8b5cf6}.timeline-period{position:absolute;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--accent);font-weight:700;white-space:nowrap;padding:.25rem .6rem;background:#0f172af2;border-radius:.4rem;border:1px solid rgba(124,58,237,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006;opacity:1;pointer-events:auto;transition:all .3s ease;z-index:4}.timeline-item-left .timeline-period{left:calc(100% + 1rem);text-align:left}.timeline-item-right .timeline-period{right:calc(100% + 1rem);text-align:right}.timeline-item:hover .timeline-period{transform:translateY(-50%) scale(1.05);border-color:var(--accent);box-shadow:0 0 20px #7c3aed66;background:#0f172afa}.timeline-content{background:linear-gradient(135deg,#0f172a99,#0f172a66);padding:1.8rem;border-radius:1.2rem;border:1px solid var(--border-subtle);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.timeline-item:hover .timeline-content{border-color:var(--accent);background:linear-gradient(135deg,#7c3aed26,#0f172a99);box-shadow:0 10px 40px #7c3aed33,0 0 20px #7c3aed1a;transform:translateZ(0)}.timeline-item:hover .timeline-content:before{opacity:1}.timeline-header{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.timeline-item-left .timeline-header{justify-content:flex-end}.timeline-item-left .timeline-header h3{text-align:right}.timeline-header h3{margin:0;font-size:1.3rem;color:var(--text-main);font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.timeline-item:hover .timeline-header h3{background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-summary{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6;transition:color .3s ease}.timeline-item:hover .timeline-summary{color:var(--text-main)}.timeline-summary p{margin:0}.projects-view{animation:fadeIn .4s ease-out;position:relative;pointer-events:auto;z-index:10;display:flex;flex-direction:column;height:calc(100vh - 4rem)}.projects-container{display:flex;gap:2rem;flex:1;overflow:hidden;margin-top:1rem}.projects-list-side{flex:0 0 350px;display:flex;flex-direction:column;overflow:hidden;position:relative}.projects-list-wrapper{flex:1;position:relative;overflow:hidden}.filters{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:20;background:var(--bg);padding-bottom:1rem}.search-input{background:#0f172a66;border:1px solid var(--border-subtle);color:var(--text-main);padding:.8rem 1rem;border-radius:.8rem;width:100%;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.tags-filter{display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;overflow-y:auto;padding-right:5px}.tags-filter::-webkit-scrollbar{width:4px}.tags-filter::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.tag-filter-btn{background:#0f172a66;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.3rem .7rem;border-radius:2rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.tag-filter-btn:hover{border-color:var(--text-muted);background:#0f172a99}.tag-filter-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text-main)}.projects-list{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:10px;padding-top:20px;padding-bottom:80px}.projects-list-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,var(--bg),transparent);pointer-events:none;z-index:10}.projects-list-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none;z-index:10}.projects-list::-webkit-scrollbar{width:6px}.projects-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.project-list-item{background:#0f172a66;border:1px solid var(--border-subtle);border-radius:1rem;padding:1.2rem;cursor:pointer;transition:all .2s ease}.project-list-item:hover{background:#0f172a99;border-color:var(--text-muted);transform:translate(4px)}.project-list-item.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 4px 20px #7c3aed1a}.project-list-item h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-main)}.project-summary{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-summary p{margin:0}.project-item-footer{margin-top:1rem;display:flex;gap:.4rem;flex-wrap:wrap}.tech-tag{background:#ffffff0d;color:var(--text-muted);padding:.15rem .5rem;border-radius:.3rem;font-size:.7rem;border:1px solid var(--border-subtle);transition:all .2s ease}.tech-tag.clickable-tag:hover{background:#8b5cf633!important;color:#fff!important;border-color:#8b5cf680!important;box-shadow:0 0 10px #8b5cf64d}.projects-details-side{flex:1;background:#0f172a33;border-radius:1.5rem;border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column}.projects-details-side .detail-view{height:100%;margin:0;max-width:none}.projects-details-side .view-header{display:none}.projects-details-side .detail-content{padding:2rem}.no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-soft);font-style:italic}@media(max-width:1024px){.projects-list-side{flex:0 0 300px}}@media(max-width:880px){.projects-view{height:auto}.projects-container{flex-direction:column;overflow:visible}.projects-list-side{flex:none;overflow:visible}.projects-list{max-height:400px}.projects-details-side{min-height:500px}}@font-face{font-family:Bastiga;src:url(/assets/bastliga-one.regular-cBFpJ7i3.ttf) format("truetype");font-weight:400;font-style:normal}.home-view{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:0;padding:4rem 0;pointer-events:auto}.home-content-split{display:flex;width:100%;height:auto;align-items:center;justify-content:space-between;z-index:1;margin:auto}.home-intro{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:slideInLeft .8s ease-out;text-align:center;margin-left:4rem}.home-title{font-family:Bastiga,cursive;font-size:clamp(2.5rem,9vw + 1rem,10rem);padding-top:1rem;font-weight:400;margin:1.5rem 0;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;white-space:nowrap}.home-description{font-size:clamp(.25rem,1.5vw,1.25rem);line-height:1.6;color:var(--text-main);margin-bottom:2rem;opacity:.9}.home-cta{display:flex;align-items:center;gap:1rem}.cta-hint{font-size:.9rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:pulseHint 2s infinite}.cta-hint:after{content:" →"}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseHint{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.interactive-landing{flex:1;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:1;margin:1rem;min-height:400px;min-width:400px}@media(max-width:1240px){.home-view{padding:2rem 0;height:auto;min-height:100%}.home-content-split{flex-direction:column;justify-content:center;overflow-y:visible;gap:2rem}.home-intro{text-align:center;max-width:100%;padding:1rem;flex:0 0 auto}.home-title{font-size:clamp(2.5rem,8vw,8rem)}.home-cta{justify-content:center}.cta-hint{font-size:.9rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:pulseHint 2s infinite}.cta-hint:after{content:" ↓"}.interactive-landing{flex:none;height:50vh;min-height:400px;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;width:100%;padding:1rem;min-width:0}.printer-container{transform:scale(1)!important;aspect-ratio:2174 / 2333;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;display:block}}.printer-container{position:relative;aspect-ratio:2174 / 2333;width:auto;height:auto;max-width:75%;max-height:75%;margin:0;transform:scale(1.3);display:block;isolation:isolate}@keyframes auraPulse{0%{filter:brightness(1.2) contrast(1.1) saturate(1.1) drop-shadow(0 0 30px rgba(124,58,237,.2)) drop-shadow(0 0 60px rgba(59,130,246,.1))}to{filter:brightness(1.2) contrast(1.1) saturate(1.1) drop-shadow(0 0 60px rgba(124,58,237,.45)) drop-shadow(0 0 90px rgba(59,130,246,.25))}}.printer-robot-img{width:100%;height:100%;display:block;object-fit:contain;filter:brightness(1.2) contrast(1.1) saturate(1.1) drop-shadow(0 0 50px rgba(124,58,237,.3));animation:auraPulse 8s ease-in-out infinite alternate;pointer-events:none;position:relative;z-index:1;user-select:none;-webkit-user-select:none}.clickable-item,.non-clickable-item,.printer-panel-item-easter-egg{position:absolute;transition:transform .3s ease,filter .3s ease;z-index:20;cursor:pointer;pointer-events:auto}.non-clickable-item{cursor:default;filter:brightness(.9);pointer-events:none}.clickable-item:hover{filter:drop-shadow(0 0 20px var(--accent)) brightness(1.2);z-index:20;transform:scale(1.05)}.clickable-item:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%,-20px)}.tooltip{position:absolute;top:0;left:50%;transform:translate(-50%,-80%);background:#0f172ae6;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid var(--border-subtle);box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.clickable-item img,.non-clickable-item img{width:100%;height:auto;display:block}.laptop-item{top:75.68%;left:26%;width:28%;z-index:8}.laptop-cables-item{top:86%;left:18.5%;width:15%;z-index:9}.soldering-iron-item{top:41.4%;left:25%;width:20%}.book-item{top:76%;left:55%;width:20%;z-index:10}.printer-panel-item-easter-egg{top:69%;right:9%;width:12%;z-index:15}.printer-panel-item-easter-egg img{width:100%;height:auto;display:block}.robot-head-item{top:15%;left:46%;width:8%;height:12%;border-radius:50%}.robot-head-item:hover{background:#7c3aed33;box-shadow:0 0 20px #7c3aed66}.home-visuals{position:absolute;inset:0;z-index:-1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:pulse 10s infinite alternate}.blob-1{width:400px;height:400px;background:var(--accent);top:-10%;left:-5%}.blob-2{width:350px;height:350px;background:#3b82f6;bottom:10%;right:-5%}.blob-3{width:300px;height:300px;background:#ec4899;top:40%;left:50%;transform:translate(-50%)}@keyframes pulse{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.1)}}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1100px;z-index:1}.home-card{position:relative;height:320px;cursor:pointer;border-radius:2rem;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border-subtle);background:#0f172a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--accent);box-shadow:0 20px 50px #7c3aed4d}.card-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-soft),transparent);opacity:0;transition:opacity .3s ease}.home-card:hover .card-bg{opacity:1}.card-content{position:relative;height:100%;padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end;z-index:1}.card-icon{font-size:3.5rem;margin-bottom:auto;transition:transform .4s ease}.home-card:hover .card-icon{transform:scale(1.2) rotate(5deg)}.card-content h3{font-size:1.8rem;margin:0 0 .5rem;color:#fff}.card-content p{margin:0;color:var(--text-muted);font-size:1rem}.home-intro{max-width:800px;text-align:center;z-index:1}.glitch-text{font-size:1.2rem;color:var(--text-main);opacity:.8;line-height:1.6}.is-home .details-wrapper:after{display:none}.is-home .details-wrapper{max-width:none;justify-content:center}@media(max-width:880px){.app-root.is-home .hero{padding:2rem 5vw 1rem}}.terminal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.terminal-window{width:80%;max-width:800px;height:60%;max-height:500px;background-color:#0c0c0c;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;box-shadow:0 0 20px #ffffff1a;font-family:Courier New,Courier,monospace}.terminal-header{background-color:#222;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;border-top-left-radius:6px;border-top-right-radius:6px}.terminal-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.terminal-title{color:#aaa;font-size:.9rem}.terminal-close{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer}.terminal-close:hover{color:#fff}.terminal-body{flex:1;padding:15px;overflow-y:auto;color:#fff;font-size:1rem;line-height:1.4}.terminal-line{margin-bottom:5px;white-space:pre-wrap}.terminal-input-line{display:flex;align-items:center}.terminal-prompt{margin-right:8px;color:#fff;white-space:nowrap}.terminal-input{background:none;border:none;color:#fff;font-family:inherit;font-size:inherit;flex:1;outline:none}.tag-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:modalFadeIn .3s ease-out;pointer-events:auto}.tag-modal-content{width:90%;max-width:600px;max-height:80vh;padding:2rem;border-radius:20px;color:#fff;overflow-y:auto;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000005e;display:flex;flex-direction:column}.glassmorphism{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tag-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.tag-modal-header h3{margin:0;font-size:1.5rem;background:linear-gradient(90deg,#fff,var(--accent, #646cff));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-button{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s}.close-button:hover{opacity:1}.tag-modal-body{display:flex;flex-direction:column;gap:2rem}.tag-modal-section h4{margin-top:0;margin-bottom:1rem;color:var(--accent, #646cff);font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em}.tag-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.tag-modal-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.tag-modal-card:hover{background:#ffffff1a;transform:translateY(-4px);border-color:var(--accent, #646cff);box-shadow:0 4px 12px #646cff33}.tag-modal-card h5{margin:0 0 .5rem;font-size:1rem;color:#fff}.tag-modal-card p{margin:0;font-size:.85rem;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.tag-modal-content{padding:1.5rem}.tag-modal-grid{grid-template-columns:1fr}}:root{color-scheme:dark;--bg: #050816;--bg-elevated: #0b1020;--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .18);--accent-strong: rgba(124, 58, 237, .35);--border-subtle: rgba(148, 163, 184, .25);--text-main: #e5e7eb;--text-muted: #9ca3af;--text-soft: #6b7280;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .9)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:radial-gradient(circle at center,#0f172a,#020617);color:var(--text-main);position:relative}html,body:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.05) 0%,transparent 40%);pointer-events:none;z-index:-1}@media(max-width:880px){html,body{overflow:auto;height:auto;min-height:100%}}#root{width:100%;height:100%}.app-root{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}@media(max-width:880px){.app-root{height:auto;min-height:100dvh;overflow:visible}}.header-actions-floating{position:fixed;top:1.5rem;right:5vw;z-index:1000;pointer-events:auto}.lang-toggle{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-main);padding:.5rem 1rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;position:relative;z-index:1001}.lang-toggle:hover{background:#ffffff1a;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed33}.layout{flex:1;display:flex;flex-direction:column;padding:0 5vw;overflow:hidden}.app-root.is-home .layout{padding:0}@media(max-width:880px){.home-view{gap:1.5rem}.home-grid{grid-template-columns:1fr;max-width:450px}.home-card{height:140px}.card-content{padding:1.5rem;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.5rem}.card-icon{font-size:2.2rem;margin-bottom:0}.card-content h3{font-size:1.3rem}.card-content p{font-size:.85rem}.glitch-text{font-size:1rem}}@media(max-width:880px){.layout{grid-template-columns:1fr;padding:0 1.2rem 2rem}.view-header{gap:1rem;margin-bottom:1.5rem}.back-button{width:38px;height:38px;font-size:1rem}}.sidebar{background:linear-gradient(145deg,#0f172af5,#0f172afa);border-radius:1.1rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);padding:1.1rem 1.1rem 1.1rem 1rem;overflow:hidden;display:flex;flex-direction:column}.sidebar-nav{display:flex;flex-direction:column;gap:.8rem}.nav-button{width:100%;text-align:left;border:1px solid var(--border-subtle);background:#ffffff05;color:var(--text-main);border-radius:.8rem;padding:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.8rem}.nav-button:hover{background:#ffffff14;border-color:var(--text-muted);transform:translate(4px)}.nav-button.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 4px 12px #7c3aed33}.nav-icon{font-size:1.2rem}.details{position:relative;overflow-y:auto;padding:0 1rem 2rem 0;display:flex;flex-direction:column;flex:1}.details::-webkit-scrollbar{display:none}.details{-ms-overflow-style:none;scrollbar-width:none}.is-home .details{padding:0;justify-content:center}@media(max-width:880px){.details{overflow-y:visible;padding-right:0}}.details-wrapper{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;margin:0 auto;width:100%;justify-content:center}@media(max-width:880px){.details-wrapper{flex:none;overflow:visible}}.details-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none;z-index:10}@media(max-width:880px){.details-wrapper:after{display:none}}.profile-view{max-width:1150px;margin:0 auto;animation:fadeIn .4s ease-out;position:relative;pointer-events:auto;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-left:5px;position:relative;z-index:100;pointer-events:auto}.back-button{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-main);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;flex-shrink:0;position:relative;z-index:101;pointer-events:auto;transform-origin:center center;margin-left:5px}.back-button:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1);box-shadow:0 0 15px var(--accent-strong)}.profile-view h2,.timeline-view h2,.projects-view h2,.project-details h2{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);background:linear-gradient(to right,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:1rem}.profile-view h2:before,.timeline-view h2:before,.projects-view h2:before,.project-details h2:before{content:"";display:block;width:30px;height:4px;background:var(--accent);border-radius:2px}.bio{font-size:1.1rem;line-height:1.6;color:var(--text-main);margin-bottom:2.5rem;opacity:.9}.profile-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1rem}.skill-category{background:#0f172a66;padding:1.2rem;border-radius:1rem;border:1px solid var(--border-subtle)}.skill-category h4{margin:0 0 .8rem;font-size:1rem;color:var(--accent);border-bottom:1px solid var(--accent-soft);padding-bottom:.4rem}.skill-category ul{list-style:none;padding:0;margin:0}.skill-category li{font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.interests-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media(max-width:880px){.interests-list{grid-template-columns:1fr}}.interests-list li{background:#0f172a66;padding:1rem;border-radius:.8rem;border-left:3px solid var(--accent)}.interests-list li strong{display:block;margin-bottom:.3rem;color:var(--text-main)}.education-section{margin-top:3rem;margin-bottom:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.education-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.education-item{background:#0f172a66;padding:1.2rem;border-radius:1rem;border:1px solid var(--border-subtle)}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.edu-header h4{margin:0;color:var(--accent);font-size:1rem;line-height:1.3;white-space:pre-line}.edu-period{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.edu-org{font-weight:600;margin:0 0 .5rem;font-size:.95rem}.edu-grade,.edu-activity{font-size:.85rem;color:var(--text-muted);margin:.2rem 0}.contact-section{margin-top:3rem;margin-bottom:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-top:1rem}.contact-card{display:flex;align-items:center;gap:1.2rem;background:#0f172a66;padding:1.2rem;border-radius:1rem;border:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:all .2s ease}.contact-card:hover{background:#7c3aed1a;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.contact-icon{font-size:1.5rem}.contact-info{display:flex;flex-direction:column}.contact-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.contact-value{font-size:.95rem;color:var(--accent);word-break:break-all}.project-details{animation:fadeIn .3s ease-out;position:relative;pointer-events:auto;z-index:10}.project-details h2{margin:0 0 .4rem}.project-details h3{margin:1.3rem 0 .35rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft)}.project-details p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-main)}.tech-list{margin:.2rem 0 0;padding-left:1.1rem;font-size:.94rem;color:var(--text-main)}.tech-list li+li{margin-top:.18rem}.footer{padding:.9rem 5vw 1.1rem;border-top:1px solid rgba(15,23,42,.9);font-size:.8rem;color:var(--text-soft);text-align:center;background:radial-gradient(circle at top,#0f172ae6,#020617);-webkit-user-select:none;user-select:none;flex-shrink:0}.experience-period{font-size:1.1rem;color:var(--accent);font-weight:600;margin-top:-.5rem;margin-bottom:2rem;opacity:.9}.tag-modal-portal{position:fixed;inset:0;z-index:9999;pointer-events:none}.tag-modal-portal>*{pointer-events:auto}.vibe-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem;animation:fadeIn .2s ease-out}.vibe-modal{background:linear-gradient(135deg,var(--bg-elevated),#020617);border:1px solid var(--accent);border-radius:1.5rem;padding:2.5rem;max-width:500px;width:100%;box-shadow:0 0 40px var(--accent-soft);text-align:center;position:relative;overflow:hidden}.vibe-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--accent-soft),transparent 30%);animation:rotate 6s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vibe-content{position:relative;z-index:1}.vibe-content h3{font-size:1.8rem;margin:0 0 1.5rem;background:linear-gradient(to right,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vibe-content p{color:var(--text-main);line-height:1.6;margin-bottom:1.2rem;font-size:1.05rem}.vibe-meta{font-size:.85rem!important;color:var(--text-soft)!important;margin-top:2rem!important;font-style:italic}.vibe-close{margin-top:1.5rem;background:var(--accent);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease,filter .2s ease}.vibe-close:hover{transform:scale(1.05);filter:brightness(1.1)}.sidebar-overlay{display:none}@media(max-width:880px){.layout{display:block;padding-top:1rem}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;border-radius:0 1.1rem 1.1rem 0;margin:0;box-shadow:10px 0 30px #00000080;padding:2rem 1rem}.sidebar.open{transform:translate(0)}.timeline-container{padding:2rem 0 2rem 2rem;max-width:100%}.timeline-container:before{left:0;transform:none}.timeline-item{width:100%;left:0!important;text-align:left!important;padding-left:2.5rem!important;padding-right:0!important}.timeline-item-left .timeline-header,.timeline-item-right .timeline-header{flex-direction:column;gap:.3rem}.timeline-item-left .timeline-header h3,.timeline-item-right .timeline-header h3{text-align:left}.timeline-dot{left:-2.5rem!important;right:auto!important}.timeline-item-left .timeline-period,.timeline-item-right .timeline-period{left:calc(100% + 1rem)!important;right:auto!important;text-align:left!important}.timeline-item:hover{transform:translateY(-5px) translate(5px) scale(1.01)!important}.timeline-period{font-size:.7rem}.projects-grid{grid-template-columns:1fr}.project-card{height:auto;min-height:180px}.sidebar-overlay{display:block;position:fixed;inset:0;background:#020617b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.project-list{max-height:calc(100dvh - 10rem)}.details{padding:0}.profile-view h2{font-size:1.7rem}.bio{font-size:1rem;margin-bottom:1.5rem}.skills-container{grid-template-columns:1fr;gap:1rem}.interests-list{grid-template-columns:1fr;gap:.8rem}}@media(max-width:640px){.hero{padding:2rem 1.2rem 1.5rem}.hero p{font-size:.9rem}.layout{padding:1rem 1.2rem 2rem}.details{padding:0}.profile-grid{gap:1.5rem}}