.bloc1{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:row}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;height:100%;width:50%;max-width:50%}.profile-card{margin:10%;width:60%;background:#000;border:2px solid #00d4ff;border-radius:30px;padding:40px;text-align:center;box-shadow:0 0 30px #00d4ff4d,inset 0 0 30px #00d4ff1a}.profile-photo{width:80%;margin:auto;margin-top:2vh;margin-bottom:5vh;border-radius:50%}.profile-info h3{color:#fff;margin:0 0 10px;font-size:2rem;font-family:Courier New,monospace;text-transform:uppercase}.profile-info p{color:#00d4ff;margin:0;font-size:1.5rem;font-family:Courier New,monospace}.hero-text{flex:1;width:45vw;max-width:45vw;margin-right:5vw;height:100%;justify-content:center;align-content:center}.hero-text h1{font-size:3.5rem;font-weight:700;line-height:1.1;color:#fff;margin-bottom:5%;text-align:justify-all}.hero-text .highlight{color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.8);animation:glow 2s ease-in-out infinite alternate}.hero-text .subtitle{font-size:1.5rem;font-weight:300;margin-bottom:30px;color:#00d4ff;opacity:.8}.hero-text .description{font-size:1.1rem;line-height:1.6;margin-bottom:40px;color:#b8b8b8;opacity:.9}.btn-contact{padding:12px 30px;border:none;border-radius:15px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block;text-align:center;text-transform:uppercase;font-family:Courier New,monospace;background:linear-gradient(45deg,#00d4ff,#09c);color:#000;box-shadow:0 0 20px #00d4ff80}.btn-contact:hover{background:linear-gradient(45deg,#09c,#00d4ff);transform:translateY(-2px);box-shadow:0 5px 20px #00d4ffcc}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@media(max-width:768px){.bloc1{flex-direction:column;padding:0 5%;justify-content:center;min-height:0;height:auto;margin-bottom:10vh}.hero-container{width:100%;grid-template-columns:1fr;text-align:center}.hero-text{width:100%;max-width:100%;padding:2%;text-align:center}.hero-image{width:100%;max-width:100%;padding:2%;margin-top:30px;margin-bottom:30px}.hero-text h1{font-size:2.5rem}.hero-text .subtitle{font-size:1.2rem}.description{text-align:justify}.profile-photo{width:60vw;height:60vw;margin:0;margin-top:2vh;margin-bottom:3vh;font-size:3rem}.profile-card{width:100%;padding:20px;margin:0}.arrow{display:none!important}.btn-contact{width:70vw}}.arrow{position:absolute;bottom:30px;left:50vw - 20px;width:20px;height:20px;border-right:2px solid #00d4ff;border-bottom:2px solid #00d4ff;animation:arrow 1.5s ease-in-out infinite alternate}@keyframes arrow{0%{transform:translate(0) rotate(45deg)}50%{transform:translate(0) rotate(45deg)}to{transform:translateY(-15px) rotate(45deg)}}.experiences-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1200px;width:100%}@media(max-width:768px){.experiences-container{grid-template-columns:1fr;gap:30px}.experience-card{padding:25px}.experience-header{flex-direction:column;gap:15px}.experience-icon{font-size:2.5rem;align-self:center}.experience-title-section h3{font-size:1.3rem;text-align:center}.experience-company{font-size:1rem;text-align:center}.experience-period{align-self:center}}.secondary-block{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:5% 2%}.secondary-block h1{color:#fff;font-size:3.5rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;text-shadow:0 0 20px rgba(0,212,255,.8);animation:glow 2s ease-in-out infinite alternate}@media(max-width:768px){.secondary-block{padding:5%}.secondary-block h1{font-size:2.5rem;margin-bottom:30px}}@keyframes glow{0%{text-shadow:0 0 20px rgba(0,212,255,.8)}to{text-shadow:0 0 30px rgba(0,212,255,1),0 0 40px rgba(0,212,255,.8)}}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}.App{background:#01151a}.experience-card{background:#000c;border:2px solid #00d4ff;border-radius:20px;padding:30px;transition:all .3s ease;box-shadow:0 0 30px #00d4ff4d,inset 0 0 30px #00d4ff1a;position:relative;overflow:hidden}.experience-card:hover{transform:translateY(-10px);box-shadow:0 10px 50px #00d4ff80,inset 0 0 30px #00d4ff33}.experience-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.experience-icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}.experience-title-section{flex:1}.experience-title-section h3{color:#fff;font-size:1.5rem;font-family:Courier New,monospace;text-transform:uppercase;margin:0 0 10px;text-shadow:0 0 10px rgba(0,212,255,.5)}.experience-company{color:#00d4ff;font-size:1.2rem;font-weight:600;margin:0 0 10px;font-family:Courier New,monospace}.experience-period{color:#b8b8b8;font-size:.9rem;font-family:Courier New,monospace;padding:5px 12px;background:#00d4ff1a;border:1px solid #00d4ff;border-radius:15px;display:inline-block}.experience-description{color:#b8b8b8;font-size:1rem;line-height:1.6;margin-bottom:25px;text-align:justify}.experience-technologies{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:linear-gradient(45deg,#00d4ff,#09c);color:#000;padding:8px 16px;border-radius:15px;font-size:.85rem;font-weight:600;font-family:Courier New,monospace;text-transform:uppercase;box-shadow:0 0 10px #00d4ff4d;transition:all .3s ease}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff99}@media(max-width:768px){.experience-card{padding:25px}.experience-header{flex-direction:column;gap:15px}.experience-icon{font-size:2.5rem;align-self:center}.experience-title-section h3{font-size:1.3rem;text-align:center}.experience-company{font-size:1rem;text-align:center}.experience-period{align-self:center}}.skills-container{display:flex;gap:40px;align-items:stretch;max-width:1200px;width:100%}.categories-list{display:flex;flex-direction:column;gap:15px;min-width:300px}.categories{background:none;border:1px solid #00d4ff;color:#00d4ff;padding:15px 25px;border-radius:20px;font-family:Courier New,monospace;font-weight:600;text-transform:uppercase;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px}.categories:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,#00d4ff,#09c);transition:all .3s ease;z-index:-1}.categories:hover,.categories.active{color:#000;transform:translate(10px);box-shadow:0 5px 20px #00d4ffcc}.categories:hover:before,.categories.active:before{left:0}.skill-icon{font-size:1.2rem}.skill-details{background:#000c;border:2px solid #00d4ff;border-radius:20px;padding:30px;flex:1;min-height:300px;box-shadow:0 0 30px #00d4ff4d,inset 0 0 30px #00d4ff1a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.skill-icon-large{font-size:2.5rem}.skill-header h3{color:#fff;font-size:1.8rem;font-family:Courier New,monospace;text-transform:uppercase;margin:0}.skill-description{color:#b8b8b8;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:linear-gradient(45deg,#00d4ff,#09c);color:#000;padding:8px 16px;border-radius:15px;font-size:.9rem;font-weight:600;font-family:Courier New,monospace}.skill-placeholder{background:#0006;border:2px dashed #00d4ff;border-radius:20px;padding:60px 30px;flex:1;text-align:center;color:#00d4ff;font-family:Courier New,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center}.placeholder-icon{font-size:3rem;margin-bottom:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.skills-container{flex-direction:column;gap:30px}.categories-list{min-width:unset;width:100%}.categories{padding:12px 20px;font-size:.8rem}.skill-details,.skill-placeholder{padding:20px;min-height:200px}}