@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);color:#e0e0ff;overflow-x:hidden;position:relative}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(#00ffff 1px,transparent 1px),linear-gradient(90deg,#00ffff 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;z-index:-1}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}main{margin-top:80px}header{position:fixed;top:0;width:100%;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.2);z-index:1000;padding:1rem 0}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo{font-family:Orbitron,monospace;font-weight:700;font-size:1.5rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#e0e0ff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:hover{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#f0f);transition:width .3s ease}.nav-links a:hover:after{width:100%}.language-switcher{display:flex;align-items:center;gap:.5rem;margin-left:2rem}.lang-btn{background:transparent;border:none;color:#b0b0d0;font-weight:500;font-size:.9rem;cursor:pointer;padding:.3rem .6rem;transition:all .3s ease;position:relative}.lang-btn:hover{color:#0ff}.lang-btn.active{color:#0ff;font-weight:700}.lang-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0ff,#f0f)}.lang-separator{color:#4a4a6a;font-size:.9rem}.section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section h2{font-family:Orbitron,monospace;font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#0ff;position:relative}.section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,#0ff,#f0f)}.hero{text-align:center;padding:8rem 2rem 6rem;position:relative}.hero h1{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(0,255,255,.3))}to{filter:drop-shadow(0 0 20px rgba(255,0,255,.3))}}.hero .subtitle{font-size:1.3rem;margin-bottom:2rem;color:#b0b0d0}.about-content{text-align:center;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#b0b0d0}.about-content p{margin-bottom:1.5rem}.contact{text-align:center;background:linear-gradient(145deg,#1a1a2e80,#101020b3);border-radius:20px;margin:4rem auto;border:1px solid rgba(0,255,255,.2)}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.5rem;color:#0ff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:1rem 1.5rem;border:1px solid rgba(0,255,255,.3);border-radius:5px}.contact-link:hover{background:#00ffff1a;transform:translateY(-2px)}.orbital-legend{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#b0b0d0}.legend-color{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.legend-color.personal{background:#f0f;box-shadow:0 0 8px #f0f9}.legend-color.solo-42{background:#0ff;box-shadow:0 0 8px #0ff9}.legend-color.team-42{background:#0f8;box-shadow:0 0 8px #0f89}.orbital-container{position:relative;width:100%;min-height:700px;height:700px;margin:2rem auto;max-width:1200px;background:transparent;overflow:visible;display:flex;align-items:center;justify-content:center}.orbital-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.orbital-center{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#0ffc,#0ff3 70%);box-shadow:0 0 30px #0ff9,0 0 60px #00ffff4d;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;animation:centerPulse 3s ease-in-out infinite}@keyframes centerPulse{0%,to{box-shadow:0 0 30px #0ff9,0 0 60px #00ffff4d;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 40px #0ffc,0 0 80px #0ff6;transform:translate(-50%,-50%) scale(1.1)}}.nodes-layer{position:absolute;width:100%;height:100%;top:0;left:0}.project-node{position:absolute;width:22px;height:22px;border-radius:50%;cursor:pointer;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);z-index:10;will-change:width,height}.project-node:hover{width:32px;height:32px;z-index:100}.project-node.category-personal{background:radial-gradient(circle,#f0f,#a08 70%);border:2px solid #ff00ff;box-shadow:0 0 10px #f0f6}.project-node.category-personal:hover{box-shadow:0 0 25px #f0fc}.project-node.category-42-solo{background:radial-gradient(circle,#0ff,#08a 70%);border:2px solid #00ffff;box-shadow:0 0 10px #0ff6}.project-node.category-42-solo:hover{box-shadow:0 0 25px #0ffc}.project-node.category-42-team{background:radial-gradient(circle,#0f8,#085 70%);border:2px solid #00ff88;box-shadow:0 0 10px #0f86}.project-node.category-42-team:hover{box-shadow:0 0 25px #0f8c}.project-node:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid currentColor;animation:nodePulse 2s ease-out infinite;opacity:0}@keyframes nodePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.node-preview{position:fixed;background:linear-gradient(145deg,#1a1a2efa,#101020fa);border:2px solid rgba(0,255,255,.5);border-radius:12px;padding:1.5rem;pointer-events:none;z-index:10000;min-width:320px;max-width:400px;box-shadow:0 15px 40px #000000b3,0 0 30px #00ffff4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;transition:opacity .2s ease;transform:translate(0)}.node-preview.visible{opacity:1}.node-preview.category-personal{border-color:#ff00ff80;box-shadow:0 15px 40px #000000b3,0 0 30px #ff00ff4d}.node-preview.category-42-team{border-color:#00ff8880;box-shadow:0 15px 40px #000000b3,0 0 30px #00ff884d}.preview-title{font-family:Orbitron,monospace;color:#0ff;margin-bottom:.5rem;font-size:1.2rem}.preview-category{color:#f0f;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-weight:600}.preview-description{color:#b0b0d0;line-height:1.6;font-size:.9rem;margin-bottom:1rem}.preview-tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.preview-tech-tag{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);padding:.3rem .7rem;border-radius:12px;font-size:.75rem;color:#0ff}.preview-hint{text-align:center;color:#888;font-size:.8rem;margin-top:1rem;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.modal-overlay.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:linear-gradient(145deg,#1a1a2ef2,#101020fa);border:2px solid rgba(0,255,255,.4);border-radius:15px;max-width:800px;width:90%;max-height:85vh;overflow-y:auto;padding:2.5rem;box-shadow:0 20px 60px #000c;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:2px solid rgba(255,0,255,.5);color:#f0f;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#f0f3;border-color:#f0f;transform:rotate(90deg)}.modal-body{color:#e0e0ff}.modal-title{font-family:Orbitron,monospace;font-size:2rem;color:#0ff;margin-bottom:1rem;text-align:center}.modal-category{text-align:center;color:#f0f;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.modal-description{color:#b0b0d0;line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.modal-tech-stack{margin-bottom:2rem}.modal-tech-title{color:#0ff;font-weight:600;margin-bottom:1rem;font-size:1.1rem}.modal-tech-list{display:flex;flex-wrap:wrap;gap:.6rem}.modal-tech-tag{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;color:#0ff}.modal-links{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.modal-link{padding:.8rem 2rem;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:1px solid rgba(0,255,255,.5);border-radius:8px;color:#0ff;text-decoration:none;font-weight:600;transition:all .3s ease}.modal-link:hover{background:linear-gradient(135deg,#0ff3,#f0f3);border-color:#0ff;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}@media (max-width: 768px){.hero h1{font-size:2.5rem}nav{flex-wrap:wrap;gap:1rem}.nav-links{gap:1rem}.language-switcher{margin-left:0;order:3;width:100%;justify-content:center;margin-top:.5rem}.orbital-container{min-height:500px;height:500px}.project-node{width:16px;height:16px}.project-node:hover{width:26px;height:26px}.modal-content{width:95%;padding:2rem}.modal-title{font-size:1.5rem}.contact-links{flex-direction:column;align-items:center}}