#app{max-width:900px;margin:0 auto;padding:20px}.site-header{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#fff;padding:60px 20px;border-radius:20px;box-shadow:0 8px 20px #0000001a;text-align:center}.site-header h1{font-size:2.5rem;margin:0 0 10px}.site-header p{font-size:1.2rem;opacity:.95;margin:0 0 20px}.btn{display:inline-block;padding:12px 20px;border-radius:12px;background:#fff;color:#ff6f61;text-decoration:none;font-weight:600;box-shadow:0 4px 12px #00000014;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001f}.profile-pic{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid white;box-shadow:0 4px 12px #00000026}.contact-links{margin-top:20px}.contact-links ul{list-style:none;display:flex;justify-content:center;gap:16px;padding:0;margin:0}.contact-links li a{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#fff;color:#333;text-decoration:none;font-weight:500;box-shadow:0 2px 6px #0000001a;transition:transform .2s,background .2s}.contact-links li a:hover{background:#f3f3f3;transform:translateY(-2px)}.contact-icon{width:20px;height:20px}.about{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.about h2{color:#ff6f61}.formations{margin-bottom:50px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d}.formations h2{color:#ff6f61;margin-bottom:20px}.formations ul{list-style:none;padding:0}.formation-card{margin-bottom:20px;padding:15px;border-left:4px solid #ff9a9e;background:#fff6f6;border-radius:8px;transition:.2s}.formation-card:hover{background:#ffe2e2;transform:translate(5px)}.school{font-weight:700;color:#555}.year{font-style:italic;color:#888;margin:5px 0}.description{margin-top:8px}.experiences{margin-bottom:50px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d}.experiences h2{color:#1976d2;margin-bottom:20px;text-align:left}.experiences ul{list-style:none;padding:0;margin:0}.experience-card{margin-bottom:20px;padding:18px;border-left:4px solid #64b5f6;background:#f5faff;border-radius:10px;transition:all .25s ease}.experience-card:hover{background:#e3f2fd;transform:translate(6px)}.experience-card h3{margin:0 0 8px;font-size:1.2rem;color:#0d47a1}.company{font-weight:700;color:#444;margin:0 0 5px}.period{font-style:italic;color:#666;margin:0 0 10px}.description{margin:0 0 12px;line-height:1.5;color:#333}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:0;list-style:none}.tag{background:#e3f2fd;color:#1565c0;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;box-shadow:0 2px 5px #0000000d;transition:background .2s ease}.tag:hover{background:#bbdefb}.projects{margin-bottom:50px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d}.projects h2{color:#8e24aa;margin-bottom:20px}.projects ul{list-style:none;padding:0;margin:0}.project-card{margin-bottom:20px;padding:18px;border-left:4px solid #ba68c8;background:#faf5ff;border-radius:10px;transition:all .25s ease}.project-card:hover{background:#f3e5f5;transform:translate(6px)}.project-header{display:flex;justify-content:space-between;align-items:center}.project-header h3{margin:0;font-size:1.2rem;color:#4a148c}.status{padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status.terminé{background:#c8e6c9;color:#2e7d32}.status["en cours"],.status.en\ cours{background:#fff9c4;color:#f57f17}.status.futur{background:#e1bee7;color:#6a1b9a}.description{margin:10px 0;color:#555;line-height:1.5}.project-link{margin:8px 0}.project-link a{display:inline-block;color:#6a1b9a;text-decoration:none;font-weight:700;transition:color .2s,transform .2s}.project-link a:hover{color:#4a148c;text-decoration:underline;transform:translateY(-1px)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:0}.tag{background:#ede7f6;color:#4527a0;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;box-shadow:0 2px 5px #0000000d;transition:background .2s}.tag:hover{background:#d1c4e9}.site-footer{margin-top:60px;font-size:.9rem;color:#555;text-align:center;padding:20px;border-top:1px solid #ddd}