*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:#1a1a2e}#canvas{position:fixed;top:0;left:0;width:100%;height:100%}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#64ffda;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}#nav-indicators{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:100}.nav-dot{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:30px;padding:10px 20px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-dot:hover{background:#64ffda4d;border-color:#64ffda;transform:translateY(-3px)}.nav-dot.active{background:#64ffda;border-color:#64ffda;color:#1a1a2e}.nav-dot span{font-size:14px;font-weight:500}#instructions{position:fixed;top:30px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;z-index:100;transition:opacity .3s ease}#instructions.hidden{opacity:0}.overlay{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100%;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);overflow-y:auto}.overlay.visible{transform:translate(0)}.overlay-content{padding:60px 40px;color:#fff}.close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#64ffda;border-color:#64ffda;color:#1a1a2e}#overlay-inner h1{font-size:2.5rem;margin-bottom:10px;color:#64ffda}#overlay-inner h2{font-size:1.8rem;margin:30px 0 15px;color:#64ffda}#overlay-inner h3{font-size:1.2rem;margin:20px 0 10px;color:#fff}#overlay-inner p{line-height:1.7;color:#fffc;margin-bottom:15px}#overlay-inner .subtitle{font-size:1.1rem;color:#fff9;margin-bottom:30px}.timeline-item{border-left:2px solid #64ffda;padding-left:25px;margin-bottom:30px;position:relative}.timeline-item:before{content:"";position:absolute;left:-8px;top:0;width:14px;height:14px;background:#64ffda;border-radius:50%}.timeline-item .date{color:#64ffda;font-size:.9rem;margin-bottom:5px}.timeline-item .company{color:#fff9;font-size:.95rem}.project-card{background:#ffffff0d;border-radius:10px;padding:25px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.project-card:hover{border-color:#64ffda;transform:translateY(-3px)}.project-card h3{margin-top:0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-tag{background:#64ffda1a;color:#64ffda;padding:5px 12px;border-radius:20px;font-size:.8rem}.contact-links{display:flex;flex-direction:column;gap:15px;margin-top:30px}.contact-link{display:flex;align-items:center;gap:15px;padding:20px;background:#ffffff0d;border-radius:10px;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.contact-link:hover{background:#64ffda1a;border-color:#64ffda;transform:translate(10px)}.contact-link .icon{font-size:1.5rem}@media(max-width:768px){.overlay{max-width:100%}.overlay-content{padding:60px 25px}#nav-indicators{gap:10px;bottom:20px}.nav-dot{padding:8px 15px}.nav-dot span{font-size:12px}#overlay-inner h1{font-size:2rem}}@media(max-width:480px){.nav-dot span{display:none}.nav-dot{width:15px;height:15px;padding:0;border-radius:50%}}