body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 28 28"><path fill="%23121212" stroke="white" stroke-width="1.5" stroke-linejoin="round" d="M4.23,3.45,24.55,12.33a.5.5,0,0,1,0,.89L15.3,17.45,11,25.4a.5.5,0,0,1-.88-.2L5.8,4.33A.5.5,0,0,1,4.23,3.45Z"/></svg>') 4 4,auto}.clickable-hover{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 28 28"><path fill="%23121212" stroke="white" stroke-width="2" stroke-linejoin="round" d="M11.93,24.23,9.75,18.57a.5.5,0,0,0-.68-.3L3.33,19.49a.5.5,0,0,1-.4-.73L9.67,4.33a.5.5,0,0,1,.89.19l3.26,9.33a.5.5,0,0,0,.46.35l5.58.5a.5.5,0,0,1,.44.7l-5.3,5.81a.5.5,0,0,0-.14.5L16,24.1a.5.5,0,0,1-.78.4Z"/></svg>') 8 4,auto}.project-card-link{text-decoration:none;color:inherit;display:block}.overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#intro-overlay{padding:0;text-align:center}#resume-overlay,#projects-overlay,#headphone-overlay{z-index:2000;display:none}.projects-card{width:70vw;max-width:800px;min-height:60vh;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:3rem;display:flex;flex-direction:column;color:#121212;position:relative;overflow-y:auto;animation:fadeInCard .5s cubic-bezier(.4,0,.2,1) 1;border:1px solid #e0e0e0}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-close-btn{position:absolute;top:1.2rem;right:1.2rem;background:#f0f0f0;color:#555;border:1px solid #ddd;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.projects-close-btn:hover{background:#e0e0e0;color:#000;transform:scale(1.08) rotate(90deg);box-shadow:0 2px 8px #0000001a}.projects-header{font-size:2.2rem;font-weight:600;color:#121212;margin-bottom:1.5rem;letter-spacing:.5px;background:none;-webkit-text-fill-color:initial}.projects-content{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:1.2rem}.projects-list{margin:0 0 .5rem 1.2rem;padding:0;color:#333;font-size:1.1rem;line-height:1.7}.projects-list li{margin-bottom:.5rem;padding-left:.2rem}.contact-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.contact-section h2{color:#1a2a3a!important}.contact-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:.5rem;color:#333;text-decoration:none;font-size:1rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#f5f5f5;border:1px solid #e0e0e0}.contact-link:hover{color:#000;background:#e9e9e9;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.contact-link svg{transition:transform .3s ease}.contact-link:hover svg{transform:scale(1.1)}.enter-btn{margin:2rem auto 0;border-radius:8px;font-size:1.1rem;padding:.8em 2.5em;background:#000;color:#fff;box-shadow:0 4px 15px #0003;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:3.2rem}.enter-btn:hover:not(.loading){transform:translateY(-3px);box-shadow:0 6px 20px #00000040;background:#333}.enter-btn.loading{cursor:not-allowed;background:linear-gradient(to right,#000 var(--load-percent, 0%),#555 var(--load-percent, 0%));color:#fff;--load-percent: 0%}.loading-cube{width:16px;height:16px;background:#ffffffe6;border:2px solid rgba(255,255,255,.7);border-radius:2px;animation:rotateSquare 1.5s infinite linear;flex-shrink:0}@keyframes rotateSquare{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.spotify-follow-btn{display:inline-flex;align-items:center;gap:.5rem;color:#fff;background:#191414;text-decoration:none;font-size:1rem;padding:.7rem 1.5rem;border-radius:50px;transition:all .3s ease;font-weight:600;border:1px solid #333}.spotify-follow-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tech-stack{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;font-size:.9rem;color:#888;text-align:center}.tech-stack span{color:#333;font-weight:600}.timeline-container{position:relative;padding:1rem 0;margin-left:2rem}.timeline-item{position:relative;padding-left:80px;margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-item:not(:last-child):after{content:"";position:absolute;left:44px;top:15px;bottom:-3rem;width:2px;background:#d0d0d0;z-index:0}.timeline-marker{position:absolute;left:30px;top:0;width:22px;height:22px;background:#fff;border:4px solid #555;border-radius:50%;z-index:1;transition:all .3s ease}.timeline-item:hover .timeline-marker{background:#000;border-color:#000;transform:scale(1.1)}.timeline-content{background:#f9f9f9;border-radius:12px;padding:1.5rem;border:1px solid #eee;display:flex;gap:1.5rem;transition:all .3s ease}.timeline-content:hover{transform:translate(5px);box-shadow:0 6px 25px #0000001a;border-color:#ddd}.experience-image{flex-shrink:0;width:80px;height:80px;background:#fff;border-radius:12px;padding:.5rem;border:1px solid #eee;display:flex;align-items:center;justify-content:center}.experience-image img{max-width:100%;max-height:100%;object-fit:contain}.experience-details{flex:1}.experience-details h3{margin:0 0 .3rem;color:#121212;font-size:1.3rem;font-weight:600}.experience-details h4{margin:0 0 .5rem;color:#555;font-size:1.1rem;font-weight:500}.experience-details .date{color:#777;font-size:.95rem;margin:0 0 1rem;font-weight:500}.experience-details ul{margin:0;padding-left:1.2rem;color:#444;font-size:.95rem;line-height:1.6}.experience-details li{margin-bottom:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background:#f9f9f9;border-radius:12px;padding:1.5rem;border:1px solid #eee;transition:all .3s ease}.project-card-link:hover .project-card{transform:translateY(-5px);box-shadow:0 6px 25px #0000001a;border-color:#000}.project-card h3{margin:0 0 .5rem;color:#121212;font-size:1.2rem}.project-tech{color:#555;font-size:.9rem;font-weight:600;margin:0 0 1rem}.project-card p{color:#444;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.project-date{color:#777;font-size:.85rem;font-weight:500;margin:0}.projects-card::-webkit-scrollbar{width:8px}.projects-card::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.projects-card::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.projects-card::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.projects-card{width:90vw;padding:2rem 1.5rem}.projects-header{font-size:1.8rem}.contact-links{flex-direction:column;gap:.8rem}.contact-link{width:100%;justify-content:center;font-size:.9rem}.timeline-container{margin-left:0}.timeline-content{flex-direction:column}.experience-image{width:60px;height:60px}.projects-grid{grid-template-columns:1fr}}